在jQuery的選擇列表項中的單選按鈕

Question

如果我有以下代碼：

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

如何選擇輸入元素，這樣我可以點擊事件添加到它？

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

在此先感謝您的幫助。

Answer 1

試試這個jQuery選擇：

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

注意您需要一個change事件處理程序來響應單選按鈕的更改。

Answer 2

您可以在文檔對象上使用on來嘗試此操作，並將所需的選擇器傳遞給單選按鈕。這樣只會有一個事件處理程序，但是會監聽與選擇器匹配的所有單選按鈕。

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

Answer 3

您可以選擇通過ID輸入元素是否有針對每個輸入元素的唯一ID屬性

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