Question

单击一个父单选按钮时，将启用其子项，当取消选择它时，将禁用它。当取消选择父级时，我将如何处理我的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>

请帮我解决问题。感谢。

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

Answer 1

使用prop而不是attr来表示bool属性。

$(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);
    });
});

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

1 个答案: