Selektor checkbox
Selektor :checkbox vybírá
zaškrtávací políčka. Podívejte se na tag
checkbox.
Ekvivalentem $(':checkbox') je
$('[type=checkbox]').
Protože :checkbox nepatří do specifikace CSS,
pro lepší výkon v moderních
prohlížečích je lepší použít místo něj
[type='checkbox'].
Syntaxe
Takto vybíráme zaškrtávací políčka:
$(':checkbox');
Stejně jako u jiných selektorů pseudotříd
(zaczínajících na ':'), je lepší
před ':' uvést název tagu nebo jiného selektoru, v
opačném případě bude použit selektor '*',
to znamená, že $(':checkbox') bude bráno jako
$('*:checkbox'), proto je místo toho lepší
použít $('input:checkbox').
Příklad
Pojďme vybrat všechna zaškrtávací políčka, obalit je
do spanu. Poté uděláme spanům zelené pozadí a
červený rámeček pomocí metody
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ání odeslání formuláře
});
