從多個主複選框中選擇一個複選框，相應地啓用jquery中的子複選框？

Question

<p><input type="checkbox" id="chkMain" /> 
<p><input type="checkbox" id="chkmain1" /> 
<p><input type="checkbox" id="chkmain2" /> 
<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" /> 

$(function(){ 
$("#chkMain").click (function() { 
if(!$(this).is (":checked")) 
    { 
     $(".child").attr ("disabled" , true); 
    } 

    else 
    { 
     $(".child").removeAttr ("disabled"); 
    } 
    }); 
}); 

這適用於chkmain，n啓用子複選框。 如果我想選擇chekmain1，n想要啓用子複選框？

Answer 1

變化的父盒ID對haev大寫中號即：

<input type="checkbox" id="chkMain" /> 
<input type="checkbox" id="chkMain1" /> 
<input type="checkbox" id="chkMain2" /> 

然後使用下面的功能：

$(function(){ 
     $("input[id^=chkMain]").click (function() { 
      if(!$(this).is (":checked")){  
       $(".child").attr ("disabled" , true);  
      }  
      else{  
       $(".child").removeAttr ("disabled");  
      } 
     }); 
    }); 

編輯：修正了一個錯字。改變輸入[id^= chkmain]輸入[id^= chkMain]