I have 3 checkboxes say checkbox A, checkbox B, checkbox C. I have a requirement something like
- If checkbox A is checked, then checkboxes B and C should be disabled.
- I can check both checkboxes B and C simultaneously in which case checkbox A should be disabled.
- Upon selecting checkbox B or Checkbox C alone (single selection), in either of the case, Checkbox A should be disabled.
Below is my code:
$("#B").change(function(){
if($("#B").is(':checked'))
{
$("#A").attr("disabled", true);
}
else
{
$("#A").attr("disabled", false);
$("#B").attr("disabled", false);
$("#C").attr("disabled", false);
}
});
$("#C").change(function(){
if($("#C").is(':checked'))
{
$("#A").attr("disabled", true);
}
else
{
$("#A").attr("disabled", false);
$("#B").attr("disabled", false);
$("#C").attr("disabled", false);
}
});
$("#A").change(function(){
if($("#A").is(':checked'))
{
$("#B").attr("disabled", true);
$("#C").attr("disabled", true);
}
else
{
$("#A").attr("disabled", false);
$("#B").attr("disabled", false);
$("#C").attr("disabled", false);
}
});
Can anyone please help me with this
Aucun commentaire:
Enregistrer un commentaire