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" )
- Because
:radio
is a jQuery extension and not part of the CSS specification, queries using:radio
cannot take advantage of the performance boost provided by the native DOMquerySelectorAll()
method. For better performance in modern browsers, use[type="radio"]
instead.
jQuery( ":radio" )
version added: 1.0
Examples:
Finds all radio inputs.
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>radio 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="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>
Please login to continue.