質問

は、Webページ上の多くの入力ラジオ要素がありますし、各無線要素はいくつかのオプションがあります。私はラジオ要素の1つのオプションがチェックされるたびに機能が発射されるようにしたいです。 jQueryのを使用してコードを書くためにどのように?一方の入力要素ルックス、次のように:

<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を使用しています。エラーコンソール上では、「未知の擬似クラスまたは擬似要素 『ラジオ』」と言います。何か案が?何が悪いのでしょうか?

私の前の質問には近いこの質問へのですが、私は今のところ解決策を持っていません。だから私は、周りに聞いています。この質問が重複した質問として閉鎖されることはありません願っています。ありがとうございます!

役に立ちましたか?

解決

多分これ?

$('input[type=radio]').click( ... );

他のヒント

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

私はあなたのコードを使用してセットアップの簡単なテストページを持っている、と私はコンソールで同じエラーが出るaltough、それは(私がラジオボタンをクリックしたときに警告メッセージが表示されます)動作します。

:私はそれはあなたが逃した何かを見つけるのに役立ちます場合にはこちらのページのコードを投稿します
<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>
ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top