Checkbox selector
Selectoren :checkbox vælger
checkbokse. Se taggen
checkbox.
Ækvivalenten til $(':checkbox') er
$('[type=checkbox]').
Da :checkbox ikke er en del af CSS-specifikationen,
er det bedre at bruge
[type='checkbox'] i moderne
browsere for at forbedre ydeevnen.
Syntaks
Sådan vælger vi checkbokse:
$(':checkbox');
Som med andre pseudo-klasse selectorer
(der starter med ':'), er det bedre at
sætte taggets navn eller en anden selector foran ':',
ellers anvendes selectoren '*',
hvilket betyder at $(':checkbox') vil blive opfattet som
$('*:checkbox'), så i stedet er det bedre at
bruge $('input:checkbox').
Eksempel
Lad os vælge alle checkbokse, 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">
<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 formularafsendelse
});
