En este artículo te explico como ver si un checkbox está seleccionado usando JQuery, utilizando el método prop() de JQuery o el selector :checked.
Usando el método prop() de jQuery
El método prop() de JQuery proporciona una forma simple, efectiva y confiable de verificar el estado actual de un checkbox.
No debe confundirse con el atributo checked, este solo define el estado inicial de un checkbox, y no el estado actual. Ejemplo:
<script>
$(document).ready(function(){
$('input[type="checkbox"]').click(function(){
if($(this).prop("checked") == true){
console.log("Checkbox esta seleccionado.");
}
else if($(this).prop("checked") == false){
console.log("Checkbox no esta seleccionado.");
}
});
});
</script>
Usando el selector :checked de jQuery
También puede usar el selector :checked de jQuery para verificar el estado de los checkbox de un formulario. El selector :checked está diseñado específicamente para inputs de tipo radio y checkbox.
Ejemplo:
<script>
$(document).ready(function(){
$('input[type="checkbox"]').click(function(){
if($(this).is(":checked")){
console.log("Checkbox esta seleccionado.");
}
else if($(this).is(":not(:checked)")){
console.log("Checkbox no esta seleccionado.");
}
});
});
</script>
