How to set “checked” for a checkbox with jQuery?

3 years Ago 1 Min Read 922 Views

You can use the checked attribute to enable the checkbox for jQuery. You can also use prop() to get the property’s value.

Example

The following code can be used to show you how to set checked to a checkbox.

<!DOCTYPE html>
<html>
<head>
  <title>jQuery Example</title>
  <style>
  b {
     color: green;
  }
  </style>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
 
<input id="checkbox1" type="checkbox" checked="checked">
<label for="checkbox1">Check/ Uncheck this checkbox</label>
<p></p>
 
<script>
$( "input" ).change(function() {
  var $input = $( this );
  $( "p" ).html(
    ".attr( \"checked\" ): <b>" + $input.attr( "checked" ) + "</b><br>" +
    ".prop( \"checked\" ): <b>" + $input.prop( "checked" ) + "</b><br>" +
    ".is( \":checked\" ): <b>" + $input.is( ":checked" ) + "</b>" );
}).change();
</script>
 
</body>
</html>