禁用主div jquery下的复选框

Question

 <div class="ex" id="baseTypes">
                            <table>
                                <tr>

                                <?php foreach ($transTypeList as $list) {
                                ?><tr>
                                        <td>
                                            <input id="chkTransTypeBsn" style="vertical-align:baseline" name="chkTransTypeBsn[]" type="checkbox"   value="<?php echo $list->trn_typ_code; ?>"  />
                                        </td>
                                        <td width="100px;">

                                    </td>
                                    <td>
                                        <input id="chkBsnPreivous" style="vertical-align:baseline" name="chkBsnPreivous" type="checkbox"   value="1"  />
                                    </td>
                                </tr>
                            <?php
                            ?>

                            <?php
                                    }
                            ?>
                                    </tr>
                                </table>

这是我的代码我想禁用所有复选框onclick按钮我的jquery到目前为止还没有任何帮助

var checked = $("#ChkIsbsTxn").attr("checked");
                if(checked){
                   $("#baseTypes : input").attr("disabled", true);
                }else{
                    $("#baseTypes : input").attr("disabled", false);
                }

Answer 1

在jQuery 1.6中你可以这样做：

$("#baseTypes input:checkbox").attr("disabled", $("#ChkIsbsTxn").is(":checked"));

在旧版本中，您可以

if($("#ChkIsbsTxn:checked").length){
    $("#baseTypes input:checkbox").attr("disabled", "disabled"); // Disable
}else{
    $("#baseTypes input:checkbox").remove("disabled"); // Enable    
}

Answer 2

尝试：

var checked = $("#ChkIsbsTxn").attr("checked");
if(checked){
    $("#baseTypes input").attr("disabled", true);
}else{
    $("#baseTypes input").removeAttr('disabled');
}