Izbirnik checkbox
Izbirnik :checkbox izbere
potrditvena polja. Oglejte si oznako
checkbox.
Ekvivalent $(':checkbox') je
$('[type=checkbox]').
Ker :checkbox ne spada v CSS specifikacijo,
je za boljšo zmogljivost v sodobnih
brskalnikih priporočljivo uporabiti
[type='checkbox'] namesto njega.
Sintaksa
Tako izberemo potrditvena polja:
$(':checkbox');
Tako kot pri drugih izbirnikih psevdorazredov
(ki se začnejo z ':'), je pred ':' priporočljivo
postaviti ime oznake ali drugega izbirnika, v
nasprotnem primeru bo uporabljen izbirnik '*',
kar pomeni, da bo $(':checkbox') razumljen kot
$('*:checkbox'), zato je namesto tega bolje
uporabiti $('input:checkbox').
Primer
Izberimo vsa potrditvena polja in jih
ovijmo v span. Nato spanom nastavimo zeleno ozadje in
rdeč okvir z metodo
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(); // prepreči pošiljanje obrazca
});
