Отслеживать состояние чекбоксов, независимо от того, установлен он или нет, можно с помощью jQuery-метода prop()
, а также селектора :checked
.
Использование jQuery-метода prop()
jQuery-метод prop()
предоставляет простой, эффективный и надежный способ отслеживать текущий статус чекбокса. Он работает очень хорошо при любых условиях, потому что каждый флажок имеет свойство checked
, которое указывает отмечен он или нет.
Посмотрим, как это работает:
<script>
$(document).ready(function(){
$('input[type="checkbox"]').click(function(){
if($(this).prop("checked") == true){
console.log("Checkbox is checked.");
}
else if($(this).prop("checked") == false){
console.log("Checkbox is unchecked.");
}
});
});
</script>
Использование jQuery-селектора :checked
Вы также можете использовать jQuery-селектор :checked
для проверки статуса чекбокса. Селектор :checked
специально разработан для радиокнопок и чекбоксов.
Давайте посмотрим на следующий пример, чтобы понять, как это работает:
<script>
$(document).ready(function(){
$('input[type="checkbox"]').click(function(){
if($(this).is(":checked")){
console.log("Checkbox is checked.");
}
else if($(this).is(":not(:checked)")){
console.log("Checkbox is unchecked.");
}
});
});
</script>