O JQuery é uma biblioteca de JavaScript rápida, pequena e de fácil utilização e mesmo atualmente, é possível encontrar aplicações que utilizam a biblioteca.

Ele simplifica a manipulação de documentos HTML, manipulação de eventos, animações e interações com o AJAX para desenvolvimento web.

O objetivo principal do jQuery é tornar o desenvolvimento web mais fácil e rápido, permitindo que os desenvolvedores acessem e manipulem elementos HTML de forma mais eficiente.

Neste artigo, irei demontrar um pequeno código de exemplo para verificar se um input checkbox foi selecionado ou está no estado checked.

Pode parecer simples (e é realmente simples), mas acredito que isto pode também ajudar alguém em algum momento.

Verificando se o estado do input checkbox está como checked

Para o exemplo, iremos manipular o input com o evento change do próprio JQuery, que é associado ao evento change do próprio controle html input.

O evento “change” é acionado quando o estado de um elemento é alterado, incluindo checkboxes.

Veja o snippet para este exemplo:

$('#my-checkbox').on('change', function() {
    if ($(this).is(':checked')) {
        // Checkbox is marked
    } else {
        // Checkbox is not marked
    }
});

No exemplo acima, #my-checkbox é o seletor jQuery para o checkbox que você deseja verificar. O método prop(‘checked’) retorna true se o checkbox estiver marcado e false caso contrário.

O método is(‘:checked’) também retorna true se o checkbox estiver marcado e false caso contrário.