Селектор checkbox

Селектор :checkbox избира checkbox-и. Погледнете го тегот checkbox. Еквивалент на $(':checkbox') е $('[type=checkbox]'). Бидејќи :checkbox не е дел од CSS спецификацијата, за подобри перформанси во современи прелистувачи подобро е да се користи [type='checkbox'] наместо него.

Синтакса

Вака ги избираме checkbox-ите:

javascript$(':checkbox');

Како и со другите селектори на псевдо-класи (кои започнуваат со ':'), пред ':' подобро е да се стави име на тег или друг селектор, во спротивно ќе се примени селектор '*', односно $(':checkbox') ќе се третира како $('*:checkbox'), па затоа наместо тоа подобро е да се користи $('input:checkbox').

Пример

Ајде, да ги избереме сите checkbox-и, да ги обвиеме во span. Потоа на span-овите да им направиме зелена позадина и црвена рамка со методот 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(); // спречува испраќање на формата
});

Погледнете ги исто така