Когда я устанавливаю флажок, я хочу, чтобы он повернулся <p>
#0099ff
.
Когда я снимаю флажок, я хочу, чтобы это отменило.
Код, который у меня есть:
$('#checkbox').click(function(){
if ($('#checkbox').attr('checked')) {
/* NOT SURE WHAT TO DO HERE */
}
})
.click()
вызывается при событии щелчка. Поэтому я не понимаю, что вы имеете в виду под «включить» и «отключить». Если флажок установлен, вы можете вызывать функциюa()
. Но вы должны написать обратную функцию, которая будет вызываться, когда флажок не установлен . Я запутался..bind()
и.unbind()
события другого элемента в зависимости от состояния флажка. Это то, что тебе нужно?prop()
для чего этот вопрос хотел использоватьattr()
;prop()
метод не был создан тогда. Однако ответы о томthis.checked
, вероятно, все еще полезны.Ответы:
Я бы использовал
.change()
иthis.checked
:-
Об использовании
this.checked
Andy E сделал отличную статью о том, как мы склонны чрезмерно использовать jQuery: Использование потрясающей мощности jQuery для доступа к свойствам элемента . Статья специально рассматривает использование ,
.attr("id")
но в том случае,#checkbox
является<input type="checkbox" />
элементом вопрос является одинаковым для$(...).attr('checked')
(или даже$(...).is(':checked')
) противthis.checked
.источник
Попробуй это.
Иногда мы перебиваем jquery. Многого можно достичь, используя jquery с простым javascript.
источник
Может случиться так, что this.checked всегда включен. Поэтому рекомендую:
источник
$(':checkbox')
, чтобы заставить его работать;)лучше, если вы определите класс другим цветом, тогда вы переключите класс
таким образом ваш код будет чище, потому что вам не нужно указывать все свойства css (скажем, вы хотите добавить границу, стиль текста или другое ...), но вы просто переключаете класс
источник
$('#checkbox').attr('checked')
, однако, если мы знаем , что#checkbox
это флажок (если нет, то ID скорее вводит в заблуждение).this.checked
Сделаю.Я нашел сумасшедшее решение для решения этой проблемы с флажком, который не отмечен или не отмечен, вот мой алгоритм ... создать глобальную переменную, скажем, var check_holder
check_holder имеет 3 состояния
Если флажок установлен,
Приведенный выше код можно использовать во многих ситуациях, чтобы узнать, установлен ли флажок или нет. Его концепция заключается в том, чтобы сохранять состояния флажков в переменной, т.е. когда они включены или выключены. Надеюсь, эту логику можно использовать для решения вашей проблемы.
источник
Проверьте этот код:
источник
источник
Вероятно, вы можете использовать этот код, чтобы выполнять действия, когда флажок установлен или снят.
источник
Я бы сделал :
См. Https://www.w3schools.com/jsref/prop_checkbox_checked.asp
источник
Оптимальная реализация
демонстрация
источник
Почему бы не использовать встроенные события?
источник