# :radio Selector

## radio ( ) version added: 1.0

Description: Selects all elements of type radio.

`$( ":radio" )` is equivalent to `$( "[type=radio]" )`. 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 `$( ":radio" )` is equivalent to `$( "*:radio" )`, so `$( "input:radio" )` should be used instead.

To select a set of associated radio buttons, you might use: `$( "input[name=gender]:radio" )`

## Examples:

#### Example: Finds all radio 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="file">
      <input type="hidden">
      <input type="image">
      <input type="password">
      <input type="radio" name="asdf">
      <input type="radio" name="asdf">
      <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:radio" )
      .wrap( "<span></span>" )
      .parent()
        .css({
          background: "yellow",
          border: "3px red solid"
        });

    $( "div" )
      .text( "For this type jQuery found " + input.length + "." )
      .css( "color", "red" );

    // Prevent form submission
    $( "form" ).submit(function( event ) {
      event.preventDefault();
    });

    </script>

    </body>
    </html>

#### Demo: