Как работает input radio и checkbox?

Question

[freeman0204]

https://jsfiddle.net/freeman0204/0zqu23db/1/ Стилизовал checkbox и на jquery написал проверку что бы принимать действия если checkbox включен или выключен. Визуально на css я сделал что бы checkbox включался. Но даже если его не стилизовать и выбрать то атрибут checked не добавляется. Что для меня как то странно. Т.е. я сейчас проверяю выбран ли checkbox через jquery и он говорит что выбран но атрибут checked не добавлен. Тогда зачем он нужен если и без него работает? То что у меня в коде это рабочий код или там что то не так?

Answer 1

[Евгений]

Атрибут checked в верстке предназначен для того, чтобы декларативным образом выставить исходное значение инпуту. Впоследствии, при изменении состояния инпута, в инспекторе атрибут не обязан меняться (если ты об этом).

По коду, если тебе нужно контрить изменение инпута, то лучше написать так:

$('input[type="checkbox"]').change(function(event){
    if(event.target.checked){
        alert("Checkbox is checked.");
    } else {
        alert("Checkbox is unchecked.");
    }
});

Comments

[freeman0204]

$('.box input[type="checkbox"]').change(function(event){ а если указано через '.box то тоже такая будет проверка? Почему не через this?

[Евгений]

freeman0204, да, в этом случае можно воспользоваться той же проверкой. Можно через this, это ситуативно и дело вкуса.

[freeman0204]

Я человек простой, вижу правильный ответ, ставлю лайк)