Question

如果取消选中我的#ranged_pricing复选框，我希望取消选中#pass_through_card复选框，因为如果没有选中#ranged_pricing，则无法检查#pass_through_card。如果检查了#ranged_pricing，则不必检查#pass_through_card复选框，这就是为什么我只选择“Do Nothing”。我做错了什么？

HTML

<input type="checkbox" id="ranged_pricing"/>
<label for="ranged_pricing">
        Ranged Pricing
</label>

<input type="checkbox" id="pass_through_card">
<label for="pass_through_card">
    Pass Through Card Association Dues and Assessments
</label>

的Javascript

$(document).ready(function() {
if($('#ranged_pricing').prop(':checked')) {
    //Do Nothing
} else {
    $('#pass_through_card').removeAttr('checked');
}
});

Answer 1

当您致电.prop()时，应该只是“选中”，而不是“：已检查”。

if ($('#ranged_pricing').prop('checked')) {

“：checked”表示法用于选择器语法。当您在.prop()的通话中加入“：”时，结果将始终为false。

Answer 2

尝试，

if($("#ranged_pricing").prop('checked') === true){
//do nothing
} else {
$("#pass_through_card").prop('checked', false);
}

您可能还希望将已检查事件绑定到ranged_pricing，以在未选中时禁用pass_through_card元素。

取消选中复选框取消选中另一个复选框

2 个答案: