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.

Answer 1

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.