jquery - 動的要素でもトリガーするにはどうすればよいですか？

Question

次のようなものを使用してajaxリクエストによって作成されたラジオボタンがいくつかあります。

document.getElementById("clientresult").innerHTML=xmlhttp.responseText;

ラジオボタンは別のファイルから出力されます。$（'input：radio'）。change（）を使用して、これらのラジオボタンを選択したときにイベントをトリガーするにはどうすればよいですか？

Answer 1

これは何度も質問され、答えられてきましたが、ここに行きます

まだ存在していないイベントで作業するにはon()、それらの将来の要素の親となるイベントにバインドする必要があります。

$(document).on('change', 'input:radio', function(){
    // whatever you want to happen
});

documentキャッチオールですが、検索するノードが少ないものにバインドする方が速いと思います（それが正しい用語である場合）。

<div id="clientresult">
    <!-- inputs will be created in here -->
</div>

$('#clientresult').on('change', 'input:radio', function(){
    // whatever you want to happen
});