Jquery 点击id=checkMain i want"；“儿童”；（复选框）以启用和；儿童1“；（单选按钮）将被禁用 $（函数（）{ $（“输入：radio[id=checkMain]”。单击（函数（）{ 如果（选中此项）{ $（“输入：checkbox._Jquery

Jquery 点击id=checkMain i want"；“儿童”；（复选框）以启用和；儿童1“；（单选按钮）将被禁用 $（函数（）{ $（“输入：radio[id=checkMain]”。单击（函数（）{ 如果（选中此项）{ $（“输入：checkbox.

jquery

Jquery 点击id=checkMain i want"；“儿童”；（复选框）以启用和；儿童1“；（单选按钮）将被禁用 $（函数（）{ $（“输入：radio[id=checkMain]”。单击（函数（）{ 如果（选中此项）{ $（“输入：checkbox.,jquery,Jquery,点击id=checkMain i want"；“儿童”；（复选框）以启用和；儿童1“；（单选按钮）将被禁用 $（函数（）{ $（“输入：radio[id=checkMain]”。单击（函数（）{ 如果（选中此项）{ $（“输入：checkbox.child”）.removeAttr（“禁用”）； } 否则{ $（“输入：checkbox.child，输入：radio.child1”）.attr（“禁用”、“启用”）； } }); }); $（文档）.ready（函数（）{ $（'.c

点击id=checkMain i want"；“儿童”；（复选框）以启用和；儿童1“；（单选按钮）将被禁用


$（函数（）{
$（“输入：radio[id=checkMain]”。单击（函数（）{
如果（选中此项）{
$（“输入：checkbox.child”）.removeAttr（“禁用”）；
}
否则{
$（“输入：checkbox.child，输入：radio.child1”）.attr（“禁用”、“启用”）；
}
});
});


$（文档）.ready（函数（）{
$（'.child，.child1'）.attr（'disabled'，true）；
$（'.Enable:radio'）.live（'click'，函数（）{
$（'.child'）.attr（'disabled'，！$（this.hasClass（'CheckBox'））；
$（'.child1'）.attr（'disabled'，！$（this.hasClass（'Radio'））；
});
});
启用复选框列表和禁用单选按钮列表

启用复选框列表和单选按钮列表

禁用复选框列表和禁用单选按钮列表







1

2

3

4

5

6

7







1

2

3

我想修改代码：单击id=checkMain，我想启用“child”（复选框），禁用“child1”（单选按钮）。。如果我点击id=checkmain1，我希望“child”和“child1”被启用。看起来就像刚刚经过的龙卷风一样，这可能是可以做到的。您的问题是什么？单击id=checkMain，我希望启用“child”（复选框），禁用“child1”（单选按钮）。。如果我点击id=checkmain1，我希望启用“child”和“child1”。这是一个问题你被困在哪里了？你试过什么？您似乎已经有了一些jQuery。它不起作用吗？

<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[id=checkMain]").click(function(){
        if (this.checked) {
            $("input:checkbox.child").removeAttr("disabled");
        }
        else {
             $("input:checkbox.child, input:radio.child1").attr("disabled", "enabled");

        }
    });
});

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="Scripts/jquery-1.7.1.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('.child, .child1').attr('disabled', true);

            $('.Enable:radio').live('click', function () {
                $('.child').attr('disabled', !$(this).hasClass('CheckBox'));
                $('.child1').attr('disabled', !$(this).hasClass('Radio'));
            });
        });
    </script>
</head>
<body>
    <input type="radio" id="chkMain" name="chkMain" class="Enable CheckBox" />
    Enable Checkbox List And Disable Radio Button List<br />
    <input type="radio" id="chkMain1" name="chkMain" class="Enable CheckBox Radio" />
    Enable Checkbox List And Radio Button List<br />
    <input type="radio" id="chkMain2" name="chkMain" class="Enable Radio" />
    Disable Checkbox List And Disable Radio Button List<br />
    <br />
    <br />
    <br />
    <input class="child" type="checkbox" id="chk1" />1<br />
    <input class="child" type="checkbox" id="chk2" />2<br />
    <input class="child" type="checkbox" id="chk3" />3<br />
    <input class="child" type="checkbox" id="chk4" />4<br />
    <input class="child" type="checkbox" id="chk5" />5<br />
    <input class="child" type="checkbox" id="chk6" />6<br />
    <input class="child" type="checkbox" id="chk7" />7<br />
    <br />
    <br />
    <br />
    <input class="child1" type="radio" id="tone1" />1<br />
    <input class="child1" type="radio" id="tone2" />2<br />
    <input class="child1" type="radio" id="tone3" />3<br />
</body>
</html>