2009-08-24 12 views
-4

私は、彼らがクリックされたときspanタグで2つのラジオボタンの値を表示したいが、これは動作していない:なぜこのコードが機能していないのですか?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
     <title>Untitled Document</title> 
     <script src="jquery.js" type="text/javascript"> 
     </script> 
    </head> 
    <body> 
     <p> 
      your amount is : <span id="displayPrice"></span> 
     </p> 
     <input type="radio" value="159" name="price" onclick="$('displayPrice').html(this.value)"> 
     <br> 
     <input type="radio" value="259" name="price" onclick="$('displayPrice').html(this.value)"> 
    </body> 
</html> 
+3

ギャビンの答えが「正解ですが、あなたの質問にもっと多くの情報を提供することから利益を得ます。何かがうまくいかず、あなたのコードを投稿することは、通常、成功のためのレシピではないと言っています。 –

+0

まだペーストされた情報は答えを見つけるのに十分でした。 – madcolor

+0

確かに、この場合はそれほど難しいことではありませんでしたが、コードを見るまでは何が問題なのかはっきりしませんでした。問題の潜在的な回答者として、問題を説明するために誰かが努力することを好むでしょうか、問題がどんなものであったかを発見するためにあなたに任せた方がよいでしょうか? –

答えて

11

$(「displayPrice」)は、有効なセレクタではありません。 $( '#displayPrice')が必要です。事実の後

が、例えば、コードを処理し、readyイベントにそれを置くあなたのjavascriptを分離するために、通常は良い考えである価値がある何のため: -

$(document).ready(function() { 

    $("input[name='price']").click(function() { 
     $('#displayPrice').html($(this).val()); 
    }); 
}); 
+0

私の修正をありがとう:) – datisdesign

関連する問題