# :checkbox Selector

## checkbox ( ) version added: 1.0

Description: Selects all elements of type 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.

## Examples:

#### Example: Finds all checkbox inputs.

    <!doctype html>
    <html lang="en">
    <head>
      <meta charset="utf-8">
      <title>css demo</title>

      <style>

      textarea {
        height: 25px;
      }

      </style>

      <script src="//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: