Селектор checkbox - выбор чекбоксов
Селектор :checkbox выбирает
чекбоксы. Смотрите тег
checkbox.
Эквивалентом $(':checkbox') является
$('[type=checkbox]').
Так как :checkbox не относится к CSS спецификации,
то для улучшения производительности в современных
браузерах вместо него лучше применить
[type='checkbox'].
Синтаксис
Так мы выбираем чекбоксы:
$(':checkbox');
Как и с другими селекторами псевдо-классами
(начинающимися с ':'), перед ':' лучше
поставить название тега или другого селектора, в
противном случае будет применен селектор '*',
то есть $(':checkbox') будет восприниматься как
$('*:checkbox'), поэтому вместо этого лучше
использовать $('input:checkbox').
Пример
Давайте, выберем все чекбоксы, обернем их
в спан. Затем сделаем спанам зеленый фон и
красную рамку с помощью метода
css:
<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>
$('form input:checkbox')
.wrap('<span></span>')
.parent()
.css({background: 'green', border: '2px red solid'});
$('form').submit(function(event) {
event.preventDefault(); // предотвращает отправку формы
});