В этом записи, я хочу поделиться 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 будет нажат (появится галочка внутр).
На это все. Если у вас остались какие-либо вопросы — задавайте их ниже под записью.