Почему нет реакции на галочку в инпуте?

Question

[pegas]

Если галочка стоит то блок красный, если не стоит то блок чёрный, я это условие написал на JQ. Но почему если поставить галочку то блок не реагирует? https://jsfiddle.net/qdz7suko/1

Answer 1

[iBird Rose]

ну тк повесь на change по чекбоксу https://jsfiddle.net/qdz7suko/2/
p.s. вообще такое можно сдеать без js. https://jsfiddle.net/qdz7suko/3/

Comments

[pegas]

Да, но вы не поняли) я просто интересуюсь почему мой вариант не работает?
Вот действие браузера:
1. он проходит по html коду
2. добирается до скрипта и там выполняет условие ели галочка не стоит значит чёрный
3. Я ставлю галочку, браузер опять читает html видит галочку
4. добирается до скрипта и там выполняет условие ели галочка стоит значит красный

Моя логика верна?

[Dark Hole]

1PeGaS: поле script не идет?

[Dark Hole]

1PeGaS: неа. Браузер второй раз скрипт прогонять не будет

[pegas]

Dark Hole: Как же не будет если будет?) https://jsfiddle.net/qdz7suko/4/

[pegas]

Dark Hole: несколько раз ставьте галочку и блок отреагирует, это говорит о том что браузер опять читает

[Stalker_RED]

1PeGaS: Я не могу понять, это вы специально троллите или у вас случайно получается.
В случае https://jsfiddle.net/qdz7suko/1 код выполняется один раз, и больше проверок не далает.
В случае https://jsfiddle.net/qdz7suko/4/ на чекбокс вешается обработчик, реагирующий на клики.
И никакой магии. И это не говорит о том, что браузер перечитывает скрипты.

[pegas]

Stalker_RED: Всё, извиняюсь спасибо.

Answer 2

[tommy_13]

https://jsfiddle.net/qdz7suko/5/