• Categoría de la entrada:JQuery

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>

Deja una respuesta