Селектор checkbox

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

Синтакса

Овако бирамо чекбоксе:

javascript$(':checkbox');

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

Пример

Хајде да изаберемо све чекбоксе, обавијемо их у спан. Затим направимо спанима зелену позадину и црвени оквир помоћу методе 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(); // спречава слање форме
});

Погледајте такође