Uncategorized

JavaScript – Como Verificar se um Checkbox está Marcado Usando jQuery?

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:

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():

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:

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

jQuery como saber se checkbox está marcado programação dicas JavaScriptkhaleelsyed

jQuery como saber se checkbox está marcado programação dicas JavaScripttoferj

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

Related posts
Uncategorized

Product Development Update

Uncategorized

Education Ecosystem正在调整价格计划

Uncategorized

想获得更多代币?请加入 LiveEdu 创建者推荐项目吧

Uncategorized

如何从项目中赚到更多——全新的报酬支付体系