爲什麼代碼爲child1單選按鈕提供多個選項???我不希望出現這種情況

Question

HTML：

<input type="radio" id="chkMain" name="chkMain"/> 
<input type="radio" id="chkMain1" name="chkMain" /> 
<input type="radio" id="chkMain2" name="chkMain" /> 

<input class="child" type="checkbox" id="chk1" disabled="true" /> 
<input class="child" type="checkbox" id="chk2" disabled="true" /> 
<input class="child" type="checkbox" id="chk3" disabled="true" /> 
<input class="child" type="checkbox" id="chk4" disabled="true" /> 
<input class="child" type="checkbox" id="chk5" disabled="true" /> 
<input class="child" type="checkbox" id="chk6" disabled="true" /> 
<input class="child" type="checkbox" id="chk7" disabled="true" /> 

<input class="child1" type="radio" id="tone1" disabled="true"/> 
<input class="child1" type="radio" id="tone2" disabled="true"/> 
<input class="child1" type="radio" id="tone3" disabled="true"/> 

腳本：

$(function() 
    { 
    $("input:radio[name='chkMain']").click(function() { 
     if ($(this).attr('id') == 'checkMain') 
     { 
      $("input.child").removeAttr("disabled"); 
     } 
     else 
     { 
      $("input.child, input:radio.child1").attr("disabled"); 

     } 
    }); 
}); 

jsFiddle。

Answer 1

你需要一個「名」屬性添加到指示他們是怎麼樣的組合您的單選按鈕：

<input class="child1" type="radio" id="tone1" name="group1" disabled="true"/> 
<input class="child1" type="radio" id="tone2" name="group1" disabled="true"/> 
<input class="child1" type="radio" id="tone3" name="group1" disabled="true"/> 

工作樣本這裏：http://jsfiddle.net/rniemeyer/dLT5n/

也改變if語句來匹配「chkMain」而不是「checkMain」，else語句改爲.attr（「disabled」，true），這樣就設置了值。