jquery - 動的に追加されたラジオボタンの変更が検出されないjquery

Question

ページの読み込み中に作成されるラジオ ボタンのグループがあり、 を使用してそれらにリスナーをアタッチしましたon()が、選択したラジオ ボタンを変更しても何も起こりません。

HTML:

<input type="radio" name="condition" id="cond_1" value="1">
<input type="radio" name="condition" id="cond_2" value="2">

jquery:

$("input[name=condition]:radio").on("change",function(){...});

これは過去に機能していましたが、何らかの理由で現在機能していないようです。何かご意見は？

Answer 1

on本体、または変更されないより近い祖先要素にバインドします。

$("body").on("change", "input[name=condition]:radio", function(){...});