Radio-selekteerder
Die selekteerder :radio kies radio
skakelaars. Sien die etiket
radio.
Die ekwivalent van $(':radio') is
$('[type=radio]').
Aangesien :radio nie deel van die CSS-spesifikasie is nie,
om prestasie in moderne blaaiers te verbeter
moet jy eerder [type='radio'] gebruik.
Sintaksis
So kies ons radio-knoppies:
$(':radio');
Soos met ander pseudo-klasse selekteerders
(wat begin met ':'), moet jy die etiketnaam of 'n ander selekteerder
voor ':' plaas, anders
word die selekteerder '*' toegepas,
dus $(':radio') sal verstaan word as
$('*:radio'), so dit is beter om
$('input:radio') te gebruik.
Om verwante radio-skakelaars te kies, kan jy
$('input[name=gender]:radio') gebruik.
Voorbeeld
Kom ons kies radio-skakelaars, wikkel hulle
in 'n span. Dan gee ons die spanne 'n groen agtergrond en
rooi rand met die 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(); // voorkom vorm indiening
});
<-javascript->
