单选按钮改变，即使不开火

Question

我有这个html，它是根据我们数据库中的数据动态创建的。我正在尝试创建一个向导，以便当用户单击单选按钮时，我使用ajax调用一个webservice，并创建另一个单选按钮列表，供用户选择。初始页面加载工作正常，但是当我创建动态单选按钮列表时，这就是我遇到事件触发问题的地方。我是否需要重新加载文档，或者某个特定的div才能使其工作？

当选择其中一个单选按钮时，我想捕捉“更改”事件。下面的jQuery没有捕获该事件。对于我做错了什么有什么建议吗？

HTML：

<input name="productModel" id="Basic-jacketCustom" type="radio" value="Basic jacket"><label for="Basic-jacketCustom">Basic jacket</label>
<input name="productModel" id="Platinum-jacketCustom" type="radio" value="Platinum jacket"><label for="Platinum-jacketCustom">Platinum jacket</label>
<input name="productModel" id="Platinum-Pro-jacketCustom" type="radio" value="Platinum Pro jacket"><label for="Platinum-Pro-jacketCustom">Platinum Pro jacket</label>
<input name="productModel" id="Riding-jacketCustom" type="radio" value="Riding jacket"><label for="Riding-jacketCustom">Riding jacket</label>

jQuery：

$('input[name="productModel"]').change(function() {    alert("Event
 Fires"); });

Answer 1

“动态创建”是什么意思？是否在页面加载后将输入推送到dom？如果是，您必须使用事件委托。尝试以下示例：

$('body').on('change', 'input[name="productModel"]', function() {
  alert("Event Fires");
});