Checkbox-selector
Selectoren :checkbox velger
avmerkingsbokser. Se taggen
checkbox.
Equivalenten til $(':checkbox') er
$('[type=checkbox]').
Siden :checkbox ikke tilhører CSS-spesifikasjonen,
er det for bedre ytelse i moderne
nettlesere bedre å bruke
[type='checkbox'] i stedet.
Syntaks
Slik velger vi avmerkingsbokser:
$(':checkbox');
Som med andre pseudo-klasse-selectorer
(som starter med ':'), er det bedre å
sette taggnavnet eller en annen selector foran ':', ellers
blir selectoren '*' brukt,
det vil si at $(':checkbox') vil bli oppfattet som
$('*:checkbox'), så i stedet er det bedre å
bruke $('input:checkbox').
Eksempel
La oss velge alle avmerkingsboksene, pakke dem inn
i et span-element. Deretter gjør vi span-elementene grønne i bakgrunnen og
med en rød ramme ved hjelp av metoden
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(); // forhindrer innsending av skjemaet
});
