Проверка checkbox на наличие галочки с jQuery

· jQuery и Снипеты · 1 мин чтения

В этом записи, я хочу поделиться  c вами тем, как проверить наличие галочки в checkbox с помощью jQuery.

Демо

В примере ниже, вы можете посмотреть как будет работать скрипт, которые я опишу ниже.

HTML

Такой HTML нам понадобиться для того, чтобы скрипт из секции jQuery (ниже) стал работать.

<input type="checkbox">

Дальше нам нужно отлавливать момент, когда происходит нажатие на checkbox. Этим мы займемся в секции jQuery (ниже).

jQuery

Чтобы проверить checkbox на наличие галочки, вы можете воспользоваться .is() методом. Ниже я привел пример кода, чтобы показать как этот метод можно использовать.

$('input[type="checkbox"]').click(function(){
   if( $(this).is(':checked') ) {
      // Галочка стоит
   } else {
      // Галочка не стоит
   }
});

На первой строку я лишь улавливаю момент клика на всех input элементы у которых стоит тип checkbox (то, что нам нужно).

На второй строке я беру input с типом checkbox  и проверяю стоит ли у него галочка или нет методом .is() и внутри я пишу псевдокласс :checked. Этот псевдокласс сработает, когда checkbox будет нажат (появится галочка внутр).

На это все. Если у вас остались какие-либо вопросы — задавайте их ниже под записью.