Javascript 父单选按钮可以启用和禁用子单选按钮_Javascript_Php_Jquery

Javascript 父单选按钮可以启用和禁用子单选按钮

javascript php jquery

Javascript 父单选按钮可以启用和禁用子单选按钮,javascript,php,jquery,Javascript,Php,Jquery,当一个父单选按钮被单击时，其子按钮被启用，而当取消选择时，它将被禁用。当取消选择父项时，如何使用jquery代码禁用子项 <body> <p><input type="radio" name="educationalqualification" disabled="true" id="bdmain" />Bachelor's Degree</p> <ul> <li><label><input type=

当一个父单选按钮被单击时，其子按钮被启用，而当取消选择时，它将被禁用。当取消选择父项时，如何使用jquery代码禁用子项

 <body>
<p><input type="radio" name="educationalqualification" disabled="true" id="bdmain"  />Bachelor's Degree</p>
<ul>
<li><label><input type="radio" id="bd1" name="bd" disabled="true"/>Four Years</label>    </li>
<li><label><input type="radio" id="bd2" name="bd" disabled="true"/>Exceeding Four Years</label></li>
</ul>
 <p><input type="radio" id="scmain" name="educationalqualification"   disabled="true"/>Special Courses</p>
 <ul>
 <li><label><input type="radio" id="sc1" name="sc" disabled="true"/>3- years post secondary course</label></li>
 <li><label><input type="radio" id="sc2" name="sc" disabled="true"/>Special courses (Non degree)</label></li>
</ul>
</body>

对布尔属性使用prop而不是attr

$(document).ready(function(){
    $("#bdmain").click(function(){
        $("#bd1").prop ('disabled', false);
        $("#bd2").prop ('disabled', false);
    });
    $("#scmain").click(function(){
        $("#sc1").prop ('disabled', false);
        $("#sc2").prop ('disabled', false);
    });
});

禁用的输入不再响应用户交互，因此您的单击处理程序不会在此处触发。顺便说一句，很难弄清楚你正在寻找的相关行为是什么。如果您希望在单击时启用元素，为什么要禁用它们？！哦，对不起。我的问题是，当取消选择父项时，我可以用我的jquery代码来禁用子项广播。为什么要将

禁用设置为false

尝试将

启用设置为true

…使用.prop做什么？取消选择时，它不会被禁用。谢谢干杯。@user3367225读医生而不是问医生怎么样？！

$(document).ready(function(){
    $("#bdmain").click(function(){
        $("#bd1").prop ('disabled', false);
        $("#bd2").prop ('disabled', false);
    });
    $("#scmain").click(function(){
        $("#sc1").prop ('disabled', false);
        $("#sc2").prop ('disabled', false);
    });
});