Education Ecosystem Blog

Se você estiver usando o jQuery e quiser descobrir se um determinado checkbox está marcado, dentro dele existem algumas formas bastante diretas de se fazer essa verificação. Neste artigo vamos explorar algumas delas, mostrando alguns exemplos.

jQuery – verificando um checkbox com is(‘:checked’)

A primeira forma de se fazer esta verificação é usando a função is() do jQuery. Ela verifica se o argumento, ou conjunto de argumentos que você declarou satisfazem a condição determinada. Caso positivo, ela retorna “verdadeiro”. Caso negativo, retorna “falso”.

Para usar o is(), primeiro precisamos escolher o elemento e depois fazer a verificação usando o seletor :checked , que funciona com checkboxes, entre outros. Exemplo abaixo:

$('#myCheckBox').is(':checked');

jQuery – verificando um checkbox com prop(‘:checked’)

Antes do jQuery 1.6 era usada a função attr() para se obter tanto os atributos quanto as propriedades de um elemento. Isso gerava certa confusão, tanto que depois do jQuery 1.6 uma nova função, chamada prop() foi criada para verificar a propriedade do elemento que se deseja analisar.

Uma pequena explicação da diferença entre atributos e propriedades. De forma simplificada, atributo pode ser considerado o valor que declaramos dentro do código, enquanto propriedade é o retorno de momento daquele valor. Se este valor é manipulado pelo usuário, como um checkbox, por exemplo, o que se deseja é a propriedade deste elemento. Exemplo usando prop():

$('#myCheckBox').prop(':checked');

Você conhece outras formas de verificar se um checkbox está marcado usando o jQuery? Compartilhe conosco na área de comentários no fim da página!

Se você quiser explorar mais sobre o jQuery, visite nossa seção de videos! Abaixo temos alguns exemplos:

• Lets animate my portfolio

• Calculator web app

Você também pode seguir algum dos broadcasters de nosso site que programam em jQuery, como os abaixo:

khaleelsyed

toferj

Outro jeito bacana de descobrir mais coisas interessantes sobre jQuery é acessar nossa página de projetos!