JavaScript

Marcar um checkbox com JavaScript ou jQuery

21 de setembro de 2020

Marcar um checkbox com JavaScript ou jQuery

Neste artigo você vai aprender como marcar um checkbox com JavaScript ou jQuery, deixando o checkbox ativado para o envio do formulário

Marcar um checkbox com JavaScript capa

Fala programador(a), beleza? Bora aprender a como manipular o estado de um checkbox com JavaScript e também jQuery

Para ativar o checkbox com JavaScript é muito simples, apenas precisamos selecionar o elemento

E depois mudar a propriedade checked para true, veja o exemplo:

var checkbox = document.querySelector("#checkbox");

function ativarCheckbox(el) {
    el.checked = true;
}

ativarCheckbox(checkbox);

Neste exemplo criamos uma função, para que ela simule a alteração do estado do checkbox

E então você pode ativá-la em algum outro evento ao longo do seu código, por exemplo: ao preencher alguma informação em outro input

E agora veja como podemos marcar o checkbox por jQuery:

$('#checkbox').prop('checked', true);

Aqui a ação é mais fácil ainda, precisamos apenas selecionar o elemento com o $ do jQuery

E depois alterar o a propriedade checked para true com o método prop

E pronto, temos as duas formas de alterar um checkbox com JS e também com jQuery

Conclusão

Neste artigo vimos como marcar um checkbox com JavaScript

Utilizamos uma função para alterar a propriedade de checked para true, isso com JS puro

Com jQuery foi mais fácil, utilizamos o método prop para alterar a propriedade checked para true

Confira também nosso catálogo de cursos gratuitos, com aulas semanais no YouTube

 

Subscribe
Notify of
guest
0 Comentários
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x