Enable checkbox on click of other checkbox using Jquery

Question

i have disabled all the checkboxes except one. On click of that checkbox i want to enable all the checkbox. and if that checkbox is unchecked then all other checkboxes should remain disabled. Could anybody please help me with this. I have tried to use

$(document).ready(function() {<br>
    if ($('#mainCheckbox').is(':checked')) {<br>
     $(".otherCheckbox").removeAttr("disabled");
     }      
});

But this isn't working for me.

rahul · Accepted Answer · 2009-10-29 06:00:38Z

5

This works fine for me

<input type="checkbox" id="chkMain" /><br
<input class="child" type="checkbox" id="chk1" disabled="true" />
<input class="child" type="checkbox" id="chk2" disabled="true" />
<input class="child" type="checkbox" id="chk3" disabled="true" />
<input class="child" type="checkbox" id="chk4" disabled="true" />
<input class="child" type="checkbox" id="chk5" disabled="true" />

$(function(){
  $("#chkMain").click ( function() {

    if ( !$(this).is ( ":checked" ) )
    {
      $(".child").attr ( "disabled" , true );
    }
    else
    {
      $(".child").removeAttr ( "disabled" );
    }
  });
});

Working Demo

If you can post the HTML also then it would be more helpful.

answered Oct 29, 2009 at 6:00

rahul

188k50 gold badges239 silver badges266 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

amantur · Accepted Answer · 2009-10-29 06:02:09Z

1

this is working:

if($("#mainCheckbox").is(":checked")){
    $("input:checkbox").not(this).removeAttr("disabled");
}
else{
    $("input:checkbox").not(this).attr("disabled","true");
}

answered Oct 29, 2009 at 6:02

amantur

40.6k22 gold badges136 silver badges192 bronze badges

Comments

user180100 · Accepted Answer · 2009-10-29 06:07:37Z

0

Here's a solution (note the each function):

function toogleOthersIf(aBoolean) {
    $(".otherCheckBox").each(function() {
        if (aBoolean) {
            $(this).removeAttr("disabled");
        } else {
            $(this).attr("disabled", "disabled");
        }
    });
}

$(document).ready(function(){
    $('#mainCheckBox').click(function(e) {
        toogleOthersIf($('#mainCheckBox:checked').length > 0);
    });

    toogleOthersIf(false);
});

answered Oct 29, 2009 at 6:07

user180100

Collectives™ on Stack Overflow

Enable checkbox on click of other checkbox using Jquery

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related