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:

javascript$(':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:

html<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>

javascript$('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
});

Shiko gjithashtu