radio-button - jQueryラジオボタン変更関数がトリガーされるべきときにトリガーされない

Question

このjQuery変更関数に問題があります：

<input type="radio" name="words" value="8" checked><span class="word">word1</span>
<input type="radio" name="words" value="6"><span class="word">word2</span>

$("input[@name='words']:checked").change(function(){
    alert("test");
});

問題は、デフォルトでチェックされている最初のオプション（value = 8）をクリックしたときにのみイベントがトリガーされることです。

他のオプションをクリックしたときにイベントをトリガーするにはどうすればよいですか？

注意：ChromeとFirefoxの両方で上記の機能を試しましたが、同じ問題が発生します。

ありがとう！

Answer 1

する必要があります$("input[name='words']").change(function(){

Answer 2

:checkedイベント ハンドラーを要素にバインドするだけです。したがって、最初のものinputにはcheckedプロパティ セットがあるため、イベント ハンドラーを受け取るのはそれだけです。削除する:checkedと正常に動作するはずです:

$("input[name='words']").change(function(){
    alert("test");
});

これが実際の例です。@セレクターからキャラクターも削除したことに注意してください。jQuery 1.2 などのように、それは必要ありません。

Answer 3

$("input[@name='words']:checked").change(function(){
    alert("test");
});

チェックされているラジオボタンのみに変更機能を登録しました ( :checked)。セレクターから取り外します。

$("input[name='words']").change(function(){
    alert("test");
});

コード: http://jsfiddle.net/DRasw/1/

Answer 4

$("input[@name='words']:checked").change(function(){

これは、その名前を持つすべてのinput要素を検索しwords(実際には機能しません。XPath スタイルの@属性セレクターは jQuery 1.3 から削除されました)、チェックされ、イベント ハンドラーをそれらにバインドします。選択時に要素がチェックされていない場合、イベント ハンドラは要素にバインドされません。

最も簡単な解決策は、関連するすべての要素にバインドし、それらがチェックされていない場合にのみコードを起動することです。

$('input[name="words"]').change(function() {
    if (!this.checked) { // checkbox was checked, now is not
        alert('unchecked');
    }
});

Answer 5

1. ラジオボタンの id プロパティを与える
2. 2 番目の redio ボタンに OnClick="CheckClick()" のプロパティを追加します。

3. jquery CheckClick() 関数で

   if ($('#rb2').attr('checked')) { alert('rb2 test'); }

Answer 6

ワーキングリンク

  $("input[name='words']").change(function(){
alert("test");
 });