javascript - 動的に追加されたラジオ ボタンに対してリスナーが機能しない

Question

次のリスナーを使用しています。

   $('#datatable .Answer input:radio').on('change', function() {
        alert('Radio Button');

    });

そして、次のように、このテーブル '#datatable' にラジオ ボタンを動的に追加します。

   $(this).html('<input type="radio" class="Answer" name="correct"/>');

ここで、これはラジオ ボタンを追加する td 要素です。リスナーが新しい要素で機能しないのはなぜですか?

Answer 1

リスナーが新しい要素で機能しないのはなぜですか?

次のように変更イベントをサブスクライブする必要があるためです。

$('#datatable .Answer').on('change', 'input:radio', function() {
    alert('Radio Button');

});

アクティブな'input:radio'方法でイベントをサブスクライブするために、セレクターがどのように.on()関数に移動されているかに注意してください。