Radio selector
Selectoren :radio vælger radio
knapper. Se tagget
radio.
Ækvivalenten til $(':radio') er
$('[type=radio]').
Da :radio ikke er en del af CSS-specifikationen,
er det bedre at bruge [type='radio'] i moderne
browsere for at forbedre ydeevnen.
Syntaks
Sådan vælger vi radioknapper:
$(':radio');
Som med andre pseudo-klasse-selectorer
(der starter med ':'), bør du sætte et tagnavn eller en anden selector foran ':',
ellers anvendes selectoren '*',
hvilket betyder at $(':radio') vil blive opfattet som
$('*:radio'), så i stedet er det bedre at
bruge $('input:radio').
For at vælge relaterede radio knapper kan du
bruge $('input[name=gender]:radio').
Eksempel
Lad os vælge radio knapperne, indpakke dem
i et span. Derefter giver vi span'ene en grøn baggrund og
en rød ramme ved hjælp af 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 formularafsendelse
});
<-javascript->
