为什么代码为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），这样就设置了值。