Raadioselektor
Selektor :radio valib raadio
nuppe. Vaadake silti
radio.
$(':radio') ekvivalent on
$('[type=radio]').
Kuna :radio ei kuulu CSS spetsifikatsiooni,
siis tänapäeva brauserites on jõudluse parandamiseks
selle asemel parem kasutada [type='radio'].
Süntaks
Nii valime me raadionuppe:
$(':radio');
Nagu teiste pseudo-klassi selektoritega
(algavad ':'-ga), on ':' ees parem
panna sildi nimi või mõni muu selektor,
vastasel juhul rakendatakse selektorit '*',
see tähendab, et $(':radio') võetakse kui
$('*:radio'), seetõttu on selle asemel parem
kasutada $('input:radio').
Seotud raadionuppude valimiseks saab
kasutada $('input[name=gender]:radio').
Näide
Valime raadionupud, mähime need
span-i. Seejärel teeme span-idele rohelise tausta ja
punase raami meetodiga
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(); // takistab vormi saatmist
});
<-javascript->
