Menu
Hello,
I’m sorry I do not know english
I didn’t write the following code
I tried to fix it for myself
How it works
Checkbox3 selected => Checkbox1 and Checkbox2, Disabled, OK, no problem
Checkbox3 unselected => Checkbox1 and Checkbox2, No disabled, OK, no problem
Checkbox1 selected => Checkbox2 Disabled, OK, no problem
Checkbox2 selected => Checkbox2 Disabled, OK, no problem
The problem is here:
Checkbox3 will be active(no disabled) when both Checkbox1 and Checkbox2 are deselected
“`
</head>
<script>
$(document).ready(function(){
$(‘#class1’).on(‘change’, function(){
if($(‘#class1:checked’).length){
$(‘#class3’).prop(‘disabled’, true);
$(‘#class3’).prop(‘checked’, false);
return;
}
$(‘#class3’).prop(‘disabled’, false);
});
$(‘#class2’).on(‘change’, function(){
if($(‘#class2:checked’).length){
$(‘#class3’).prop(‘disabled’, true);
$(‘#class3’).prop(‘checked’, false);
return;
}
$(‘#class3’).prop(‘disabled’, false);
});
$(‘#class3’).on(‘change’, function(){
if($(‘#class3:checked’).length){
$(‘#class1’).prop(‘disabled’, true);
$(‘#class2’).prop(‘disabled’, true);
$(‘#class1’).prop(‘checked’, false);
$(‘#class2’).prop(‘checked’, false);
return;
}
$(‘#class1’).prop(‘disabled’, false);
$(‘#class2’).prop(‘disabled’, false);
});
});
</script>
<body>
<input type=”checkbox” name=”checkbox[]” id=”class1″ value=”Checkbox1″ />Checkbox1
<br />
<input type=”checkbox” name=”checkbox[]” id=”class2″ value=”Checkbox2″ />Checkbox2
<br /><br /><br />
<input type=”checkbox” name=”checkbox[]” id=”class3″ value=”Checkbox3″ />Checkbox3
</body>