jquery - 変更時にラジオボタンの値を取得できない

Question

このコードを使用して、jquery のラジオ ボタンの値を取得します。オプション 1 をクリックすると問題なく動作しますが、オプション 2 をクリックすると動作しません。助けてください！

<form>
Option 1<input type="radio" name="opt" id="radio" value="Option 1">
Option 2<input type="radio" name="opt" id="radio" value="Option 2">
</form>

$('#radio').change(function(){
var value = $( 'input[name=opt]:checked' ).val();
alert(value);
});

JSFiddle: http://jsfiddle.net/khizar067/h6ye7/

Answer 1

 <form id="abcd">
     Option 1<input type="radio" name="opt" id="radio" value="Option 1">
     Option 2<input type="radio" name="opt" id="radio" value="Option 2">
 </form>

$('#abcd').on('change','input[name=opt]:checked',function(){
    var value = $(this).val();
    alert(value);
});

1. id="abcd" は、複数のフォームがある場合、特定のフォームを取得するのに役立つ、HTML コード全体の一意性のためのセレクターです。
2. jQuery で on については、次のドキュメントを参照してくださいhttp://api.jquery.com/on/にアクセスしてください 「change」は、セレクター「abcd」のページでいつでもこのイベントが発生した場合のイベントです jquery は「input[name=」を検索しますopt]:checked' つまり、opt という名前の入力タイプで、チェックされているかどうかをチェックし、function() はイベントを処理するハンドラーであり、ここにロジックを記述できることを意味します...