在jQuery中的listitem中选择一个单选按钮

如果我有以下代码：

<li>
<span class="radio_appt">
<input id="color1" type="radio" name="ctl00$cph1$appointment" value="color1">
</span>
</li>

如何选择输入元素以便向其添加单击事件

有多个listitem元素，每个元素都具有与上面所示相同的HTML wihtin

---

提前感谢您的帮助。

您可以在文档对象上使用

并传递所需的单选按钮选择器来尝试此操作。这样，将只有一个事件处理程序，但会侦听与选择器匹配的所有单选按钮

//Using attribute ends with selector
$(document).on('click', 'input[name$=appointment]', function(){
    //Code here for click event
});

如果每个输入元素都有唯一的id属性，则可以通过其id选择输入元素

    $('#color1').click(function(){ ....
     });

请尝试以下jQuery选择器：

$(".radio_appt input[type='radio']").change(function(e) {
    // Your function here
});

请注意，您需要一个
change
事件处理程序来响应单选按钮的更改。
为什么不使用$（'color1'）。id属性应该是唯一的，因为列表是动态生成的，我会有任意数量的“颜色”项。这对我的情况不起作用，因为“颜色1”是任意数量的项之一。它们是动态生成的，所以我不知道在任何时候有多少。