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

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

Formação Recomendada

Formação Vibe Coding

Do Prompt ao Produto: Crie Software Real com IA

• 474 aulas
• 20 projetos
• 39h 27min

Conhecer formação

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