Снимите флажок убрать флажок

Question

Я хочу, чтобы мой флажок #pass_through_card был снят, если флажок #ranged_pricing не установлен, поскольку вы не можете проверить #pass_through_card, не проверив #ranged_pricing. Флажок #pass_through_card не нужно проверять, если проверено #ranged_pricing, поэтому я просто поставил «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

Try,

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

Вы можете связать проверяемое событие в ranged_pricing, а также, чтобы отключить pass_through_card элемент, когда он не установлен.