Selectorul radio
Selectorul :radio selectează butoanele
radio. Consultați eticheta
radio.
Echivalentul $(':radio') este
$('[type=radio]').
Deoarece :radio nu face parte din specificația CSS,
pentru o performanță mai bună în browserele moderne
este recomandat să utilizați [type='radio'] în locul său.
Sintaxă
Așa selectăm butoanele radio:
$(':radio');
La fel ca și cu alte selectoare de pseudo-clase
(ce încep cu ':'), înainte de ':' este mai bine
să specificați numele etichetei sau a unui alt selector,
altfel se va aplica selectorul '*',
adică $(':radio') va fi interpretat ca
$('*:radio'), de aceea este mai bine
să utilizați $('input:radio').
Pentru a selecta butoanele radio asociate puteți
utiliza $('input[name=gender]:radio').
Exemplu
Să selectăm butoanele radio, să le împachetăm
într-un element span. Apoi să setăm fundalul verde și
o bordură roșie pentru elementele span folosind metoda
css:
<form>
<input type="button" value="button">
<input type="file">
<button>button</button>
<input type="reset">
<input type="radio" name="test">
<input type="radio" name="test">
<input type="text">
</form>
<+javascript+>
$('form input:radio')
.wrap('')
.parent()
.css({background: 'green', border: '2px red solid'});
$('form').submit(function(event) {
event.preventDefault(); // împiedică trimiterea formularului
});
<-javascript->
