0

Web ページには多くの入力ラジオ要素があり、各ラジオ要素にはいくつかのオプションがあります。ラジオ要素の 1 つのオプションがチェックされるたびに関数が起動されるようにします。Jquery を使用してコードを記述する方法は? 1 つの入力要素は次のようになります。

<div class="below">
<input type="radio" value="information" name="option0"/>
information
<input type="radio" value="communication" name="option0"/>
communication
<input type="radio" value="goods" name="option0"/>
goods
<input type="radio" value="attention" name="option0"/>
attention
</div>

次のようにコードを書きました。

$('input:radio').click(function () {
  if (this.checked) { // or $(this).attr('checked')
    alert(this.value); // or alert($(this).val());
  }
});

私のJqueryのバージョンは

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

私はFirefoxを使用しています。エラー コンソールには、「不明な疑似クラスまたは疑似要素 'radio'」と表示されます。何か案が？どうしたの？

私の以前の質問はこの質問に近いですが、これまでのところ解決策がありません。だから私は周りに尋ねなければなりません。この質問が重複した質問として閉じられないことを願っています。ありがとうございました！

4

3 に答える 3

1

もしかしてこれ？

$('input[type=radio]').click( ... );
于 2009-11-24T07:40:03.397 に答える
0

入力要素は通常、フォーム要素内に含まれていますが、あなたのケースですか? もしそうなら、フォーム要素をセレクターに含める必要があるかもしれません。ここで例を参照してください: http://docs.jquery.com/Selectors/radio

于 2009-11-24T07:51:45.493 に答える
0

コードを使用して簡単なテスト ページをセットアップしました。コンソールに同じエラーが表示されますが、動作します (ラジオ ボタンをクリックするたびに警告メッセージが表示されます)。見逃したものを見つけるのに役立つ場合に備えて、ここにページコードを投稿します。

<html>
<header>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
$('input:radio').click(function () {
  if (this.checked) { // or $(this).attr('checked')
    alert(this.value); // or alert($(this).val());
  }
});
});
</script>
</header>
<body>
<div class="below">
<input type="radio" value="information" name="option0"/>
information
<input type="radio" value="communication" name="option0"/>
communication
<input type="radio" value="goods" name="option0"/>
goods
<input type="radio" value="attention" name="option0"/>
attention
</div>
</body>
</html>
于 2009-11-24T08:46:49.157 に答える