jQuery的複選框匹配單選按鈕列表

Question

在我的網頁我有一個錶行通常是這樣的：

<tr class = "child"> 
     <td> 
      <asp:CheckBox ID="CheckBoxEyeProblems" runat="server" /> 

     </td> 
     <td align="center"> 
      <asp:RadioButtonList ID="RadioButtonListEyeProblems" 
       <asp:ListItem Value="Y">Yes</asp:ListItem> 
       <asp:ListItem Value="N">No</asp:ListItem> 
      </asp:RadioButtonList> 
     </td> 
</tr> 

我所試圖做的是禁用/啓用同一行中單選按鈕列表的複選框你的時候選中/取消選中它。

$('tr.child input:checkbox').click(function() 
{ 
    //last part of this selector is incorrect, how to correct it here? 
    var rblist = $(this).closest('tr.child').find(':input:radio'); 

    if ($(this).is(':checked')) 
    { 
     //aslo not sure how to clear selection if any from RadioButtonList here 
     rblist.attr('disabled', 'disabled');    

    } 
    else 
    { 

     rblist.removeAttr('disabled'); 

    } 

}); 

所以，這些都是我的問題。我正在使用ASP.NET 3.5。

Answer 1

試試這個

$("tr.child td input:checkbox").click(function(){ 
    var chk = $(this); 
    //chk.closest("td").next().find("input:radio").attr("disabled",chk.attr("checked")); 
    // to remove checked attribute you can use 
    chk.closest("td").next().find("input:radio").attr("checked", false).attr("disabled",chk.attr("checked")); 
});