Checkbox seçicisi

:checkbox seçicisi checkboxları seçir. Teqe baxın checkbox. $(':checkbox')-in ekvivalenti $('[type=checkbox]')-dir. :checkbox CSS spesifikasiyasına aid olmadığı üçün, müasir brauzerlerde performansı yaxşılaşdırmaq üçün onun yerine [type='checkbox'] tetbiq etmek daha yaxşıdır.

Sintaksis

Biz checkboxları belə seçirik:

javascript$(':checkbox');

Digər psevdo-sinif seçicileri ile olduğu kimi (':' ile başlayan), ':'-dan əvvəl teqin adını və ya başqa seçicini qoymaq daha yaxşıdır, əks halda '*' seçicisi tetbiq olunacaq, yəni $(':checkbox') kimi qəbul olunacaq $('*:checkbox'), buna görə də bunun yerine $('input:checkbox') istifadə etmək daha yaxşıdır.

Nümunə

Gəlin, bütün checkboxları seçək, onları span-a bükək. Sonra spanlara yaşıl fon və qırmızı çərçive verək bunun üçün css metodundan istifadə edək:

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(); // formanın gönderilmesinin qarşısını alır
});

Həmçinin bax