Как переключать атрибут при клике на чекбокс?

Question

[svilkov87]

Добрый день!
есть код: ссылка

Нужно при клике на чекбокс менять атрибут disabled у .form.

Другими словами, когда чекбокс активен, атрибут disabled снимать, а если нет, то атрибут disabled не снимать.

Мой код не работает.
Буду благодарен за помощь!

Answer 1

[Владислав Лысков]

jsfiddle.net/T6hvz

Answer 2

[Сергей ZSA]

Так вы ведь не сделали определение клика на элемент. Сделайте так и все у вас будет работать. Только по-умолчанию отключите чекед у чекбокса либо у кнопки disabled

$("#check").click(function(){
	if ($('#check').is(':checked'))
		$('.form').prop('disabled', false);
	else
		$('.form').prop('disabled', true);
});

P.S. Фигурные я опустил потому что если внутри if/else только одно действие - можно фигурные не писать.

Answer 3

[ThunderCat]

$("#check").click(function(){

Сергей ZSA, в корне не верно, никогда так не пишите, во первых .click устаревший синтаксис, используйте .on(), во вторых если чекбокс сработает по клику на лейбл, а не на чекбокс, событие обработано не будет. Пишите $("#check").on("change", function(){

Comments

[Сергей ZSA]

Я писал код на основе того, что у автора было написано)) Это первое. Второе - где вы вычитали что .click устаревший синтаксис? Ссылку пожалуйста на статью предоставьте. На секундочку, .click это сокращение от .on("click")

[ThunderCat]

https://stackoverflow.com/questions/9122078/differ...
хорошо расписано почему нужно юзать on. И, да, насчет устаревший - действительно, правильнее сказать - on более новый и правильно работающий.

Я писал код на основе того, что у автора было написано))

Вы же совет даете человеку, ресурс создан для того чтобы люди здесь развивались и учились правильному коду, поправьте код автора, я думаю он будет только благодарен )