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更改为大写的M，即：

<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]

从多个MAIN复选框中选择一个复选框，相应地启用jquery中的子复选框？

1 个答案: