Radio selector
Selectoren :radio velger radioknapper.
Se taggen
radio.
Ekvivalenten til $(':radio') er
$('[type=radio]').
Siden :radio ikke tilhører CSS-spesifikasjonen,
er det for bedre ytelse i moderne nettlesere
bedre å bruke [type='radio'] i stedet.
Syntaks
Slik velger vi radioknapper:
$(':radio');
Som med andre pseudoklase-selectorer
(som starter med ':'), er det bedre
å sette tag-navnet eller en annen selector foran ':',
ellers vil selectoren '*' bli brukt,
det vil si at $(':radio') vil bli oppfattet som
$('*:radio'), derfor er det bedre
å bruke $('input:radio').
For å velge relaterte radioknapper kan du
bruke $('input[name=gender]:radio').
Eksempel
La oss velge radioknapper, pakke dem inn
i et span-element. Deretter gir vi span-elementene grønn bakgrunn og
rød ramme ved hjelp av metoden
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(); // forhindrer innsending av skjema
});
<-javascript->
