Checkbox-kiezer
Die kiezer :checkbox kies
tjekkassies. Sien die etiket
checkbox.
Die ekwivalent van $(':checkbox') is
$('[type=checkbox]').
Aangesien :checkbox nie tot die CSS-spesifikasie behoort nie,
is dit beter om in moderne
blaaiers [type='checkbox'] te gebruik
vir beter werkverrigting.
Sintaksis
So kies ons tjekkassies:
$(':checkbox');
Soos met ander pseudo-klas-kiezers
(wat met ':' begin), is dit beter om
die etiketnaam of 'n ander kiezer voor die ':' te plaas, anders
sal die kiezer '*' toegepas word,
dit wil sê $(':checkbox') sal vertolk word as
$('*:checkbox'), dus gebruik eerder
$('input:checkbox').
Voorbeeld
Kom ons kies al die tjekkassies, hulsel hulle
in 'n span. Dan gee ons die spanne 'n groen agtergrond en
'n rooi raam met behulp van die metode
css:
<form>
<input type="button" value="button">
<input type="file">
<input type="checkbox">
<button>button</button>
<input type="reset">
<input type="radio" name="test">
<input type="radio" name="test">
<input type="checkbox">
<input type="text">
</form>
$('form input:checkbox')
.wrap('<span></span>')
.parent()
.css({background: 'green', border: '2px red solid'});
$('form').submit(function(event) {
event.preventDefault(); // voorkom vorm indiening
});
