在jQuery中的listitem中选择radiobutton

Question

如果我有以下代码：

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

如何选择INPUT元素以便向其添加点击事件？

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

提前感谢您的帮助。

Answer 1

您可以在文档对象上使用on尝试此操作，并传递所需的单选按钮选择器。这样，只有一个事件处理程序，但会监听与选择器匹配的所有单选按钮。

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

Answer 2

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

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

Answer 3

试试这个jQuery选择器：

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

请注意，您需要change事件处理程序来响应单选按钮的更改。