Selektor checkbox
Selektor :checkbox vyberá
checkboxy. Pozri tag
checkbox.
Ekvivalentom $(':checkbox') je
$('[type=checkbox]').
Pretože :checkbox nepatrí do CSS špecifikácie,
pre zlepšenie výkonu v moderných
prehliadačoch je lepšie použiť namiesto neho
[type='checkbox'].
Syntax
Takto vyberáme checkboxy:
$(':checkbox');
Rovnako ako s inými selektormi pseudo-tried
(začínajúcimi sa ':'), pred ':' je lepšie
uviesť názov tagu alebo iného selektora, inak
sa použije selektor '*',
to znamená, že $(':checkbox') bude chápané ako
$('*:checkbox'), preto je namiesto toho lepšie
použiť $('input:checkbox').
Príklad
Vyberme všetky checkboxy, obalíme ich
spanom. Potom spánom nastavíme zelené pozadie a
červený rám pomocou metódy
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(); // zabráni odoslaniu formulára
});
