## checkbox selector

Description: Selects all elements of type checkbox.

- #### version added: 1.0jQuery( ":checkbox" )

`$( ":checkbox" )` is equivalent to `$( "[type=checkbox]" )`. As with other pseudo-class selectors (those that begin with a ":") it is recommended to precede it with a tag name or some other selector; otherwise, the universal selector ("*") is implied. In other words, the bare `$(':checkbox')` is equivalent to `$( "*:checkbox" )`, so `$( "input:checkbox" )` should be used instead.

### Additional Notes:

- Because `:checkbox` is a jQuery extension and not part of the CSS specification, queries using `:checkbox` cannot take advantage of the performance boost provided by the native DOM `querySelectorAll()` method. For better performance in modern browsers, use `[type="checkbox"]` instead.

## Example:

Finds all checkbox inputs.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 |
    <!doctype html><html lang="en"><head>  <meta charset="utf-8">  <title>checkbox demo</title>  <style>  textarea {    height: 25px;  }  </style>  <script src="https://code.jquery.com/jquery-1.10.2.js"></script></head><body> <form>  <input type="button" value="Input Button">  <input type="checkbox">   <input type="checkbox">  <input type="file">  <input type="hidden">   <input type="image">  <input type="password">  <input type="radio">   <input type="reset">  <input type="submit">  <input type="text">   <select>    <option>Option</option>  </select>   <textarea></textarea>  <button>Button</button></form> <div></div> <script>var input = $( "form input:checkbox" )  .wrap( "<span></span>" )  .parent()  .css({    background: "yellow",    border: "3px red solid"  }); $( "div" )  .text( "For this type jQuery found " + input.length + "." )  .css( "color", "red" ); // Prevent the form from submitting$( "form" ).submit(function( event ) {    event.preventDefault();});</script> </body></html>

#### Demo: