Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<title>Sandbox</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<style type="text/css" media="screen">
body { background-color: #000; font: 16px Helvetica, Arial; color: #fff; }
  
</style>
</head>
<body>
  <input type="checkbox" id="chkMain" /><br />
  <input class="child2" type="checkbox" id="chk1" disabled="false" />
  <input class="child2" type="checkbox" id="chk2" disabled="false" />
        <input class="child2" type="checkbox" id="chk3" disabled="false" />
          <input class="child2" type="checkbox" id="chk4" disabled="false" />
            <input class="child2" type="checkbox" id="chk5" disabled="false" />
</body>
</html>
 
$(function(){
  $("#chkMain").click ( function() {
    
    if ( !$(this).is ( ":checked" ) )
    {
      $(".child2").removeAttr ( "disabled" );
    }
    else
    {
      $(".child2").attr ( "enabled" , "true" );
      
    }
  });
});
Output

This bin was created anonymously and its free preview time has expired (learn why). — Get a free unrestricted account

Dismiss x
public
Bin info
anonymouspro
0viewers