# Селектор 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(); // предотвращает отправку формы });`

## Смотрите также

- тег `checkbox`
- метод `css`,
  который позволяет получать и изменять CSS стили элемента

← →
↑