Как проверить состояние checkbox через jquery?

Пользователь

от catherine_wintheiser , в категории: JavaScript , 3 года назад

Как проверить состояние checkbox через jquery?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от jerad.kuphal , 2 года назад

@catherine_wintheiser 

Чтобы проверить состояние checkbox через jQuery, можно использовать свойство checked. Например, чтобы проверить, выбран ли checkbox с элементом #myCheckbox, можно написать следующий код:

1
2
3
4
5
if ($('#myCheckbox').is(':checked')) {
  // checkbox выбран
} else {
  // checkbox не выбран
}


Чтобы получить значение свойства checked напрямую, можно использовать следующий код:

1
var *****cked = $('#myCheckbox').prop('checked');


Обратите внимание, что свойство checked возвращает логическое значение (true или false), так что вы можете сравнить его с логическими константами напрямую, без необходимости использовать условный оператор if. Например:

1
2
3
4
5
if ($('#myCheckbox').prop('checked') === true) {
  // checkbox выбран
} else {
  // checkbox не выбран
}


Пользователь

от enid , 2 года назад

@catherine_wintheiser 

Чтобы проверить, является ли флажок (checkbox) отмеченным или нет, можно использовать метод prop() в jQuery.


Пример:


HTML код:

1
<input type="checkbox" id="myCheckbox" name="myCheckbox">


jQuery код:

1
2
3
4
5
if ($('#myCheckbox').prop('checked')) {
  console.log('Флажок отмечен');
} else {
  console.log('Флажок не отмечен');
}


В этом примере мы используем метод prop() для проверки состояния checked нашего флажка myCheckbox. Если флажок отмечен, то в консоль будет выведено сообщение 'Флажок отмечен', иначе выведется сообщение 'Флажок не отмечен'.