Përzgjedhësi checkbox
Përzgjedhësi :checkbox përzgjedh
kutitë e kontrollit. Shiko tagun
checkbox.
Ekuivalenti i $(':checkbox') është
$('[type=checkbox]').
Meqenëse :checkbox nuk i përket specifikimit CSS,
për të përmirësuar performancën në shfletuesit modern
është më mirë të përdoret
[type='checkbox'] në vend të tij.
Sintaksa
Kështu ne përzgjedhim kutitë e kontrollit:
$(':checkbox');
Ashtu si me përzgjedhësit e tjerë pseudo-klasë
(që fillojnë me ':'), para ':' është më mirë
të vendoset emri i tagut ose i një përzgjedhësi tjetër,
përndryshe do të aplikohet përzgjedhësi '*',
domethënë $(':checkbox') do të perceptohet si
$('*:checkbox'), prandaj në vend të kësaj është më mirë
të përdoret $('input:checkbox').
Shembull
Le të përzgjedhim të gjitha kutitë e kontrollit, t'i mbështjellim ato
në një span. Pastaj t'u bëjmë spanave një background jeshil dhe
një kornizë të kuqe me metodën
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(); // parandalon dërgimin e formës
});
