Radio selector
A :radio selector a rádiógombokat
választja ki. Lásd a
radio taget.
A $(':radio') ekvivalense a
$('[type=radio]').
Mivel a :radio nem része a CSS specifikációnak,
ezért a jobb teljesítmény érdekében modern
böngészőkben helyette érdemes a [type='radio']-t használni.
Szintaxis
Így választjuk ki a rádiógombokat:
$(':radio');
Mint más pszeudo-osztály selectorokkal is
(amik ':'-vel kezdődnek), a ':' elé
érdemes egy tag nevét vagy egy másik selectort tenni,
különben a '*' selector kerül alkalmazásra,
vagyis a $(':radio') úgy lesz értelmezve, mint
a $('*:radio'), ezért ehelyett jobb a
$('input:radio') használata.
A kapcsolódó rádiógombok kiválasztásához használhatjuk a
$('input[name=gender]:radio')-t.
Példa
Válasszuk ki a rádiógombokat, tegyük őket
egy span-be. Majd tegyük a span-eket zöld hátterűvé és
piros keretesvé a
css metódussal:
<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(); // megakadályozza az űrlap elküldését
});
<-javascript->
