Izbirnik checkbox

Izbirnik :checkbox izbere potrditvena polja. Oglejte si oznako checkbox. Ekvivalent $(':checkbox') je $('[type=checkbox]'). Ker :checkbox ne spada v CSS specifikacijo, je za boljšo zmogljivost v sodobnih brskalnikih priporočljivo uporabiti [type='checkbox'] namesto njega.

Sintaksa

Tako izberemo potrditvena polja:

javascript$(':checkbox');

Tako kot pri drugih izbirnikih psevdorazredov (ki se začnejo z ':'), je pred ':' priporočljivo postaviti ime oznake ali drugega izbirnika, v nasprotnem primeru bo uporabljen izbirnik '*', kar pomeni, da bo $(':checkbox') razumljen kot $('*:checkbox'), zato je namesto tega bolje uporabiti $('input:checkbox').

Primer

Izberimo vsa potrditvena polja in jih ovijmo v span. Nato spanom nastavimo zeleno ozadje in rdeč okvir z metodo 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(); // prepreči pošiljanje obrazca
});

Glejte tudi