Question

If I have the following code :

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

How do I select the INPUT element so that I can add a click event to it?

There are multiple listitem elements each with the same HTML wihtin as you can see above.

Thanks in advance for your help.

Answer 1

Try this jQuery selector:

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

Note that you need a change event handler to respond to changes of the radio button.