Selektor radio
Selektor :radio bira radio
dugmad. Pogledajte tag
radio.
Ekvivalent $(':radio') je
$('[type=radio]').
Pošto :radio ne pripada CSS specifikaciji,
za bolje performanse u modernim
brauzerima umesto njega je bolje koristiti [type='radio'].
Sintaksa
Ovako biramo radio dugmad:
$(':radio');
Kao i sa drugim selektorima pseudo klasama
(koji počinju sa ':'), pre ':' je bolje
staviti ime taga ili drugog selektora, u
suprotnom će se primeniti selektor '*',
odnosno $(':radio') će se tumačiti kao
$('*:radio'), pa je umesto toga bolje
koristiti $('input:radio').
Za izbor povezanih radio dugmadi može se
koristiti $('input[name=gender]:radio').
Primer
Hajde da izaberemo radio dugmad, obmotamo ih
u span. Zatim ćemo spanovima napraviti zelenu pozadinu i
crveni okvir pomoću metode
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(); // sprečava slanje forme
});
<-javascript->
