Como desmarcar um radio button com JavaScript

Neste artigo você vai aprender a como desmarcar um radio button com JavaScript, utilizando uma abordagem muito simples

Fala programador(a), beleza? Bora aprender mais sobre radio buttons e também JavaScript!

Para desativar um radio button vamos precisar acessá-lo via DOM

Isso pode ser facilmente realizado com os métodos de document, como o querySelector

Após a seleção basta atribuir um valor de false a propriedade de checked

Ou seja, true é o botão de radio ativado e false é ele desmarcado

Veja um exemplo prático do que foi explicado acima:

const radioBtn = document.querySelector("#my-radio")

radioBtn.checked = false

Agora você tem a possibilidade de marcara também o botão, basta apenas mudar o valor para true

Muito fácil não é mesmo? 🙂

Conclusão

Neste artigo você vai aprender a como desmarcar um radio button com JavaScript

Utilizamos a propriedade check do elemento de radio

Que com o valor de true marca o button e com false o desmarca

Confira nossos cursos gratuitos no Youtube, com vídeos todos os dias!

Se inscreva e ative o sininho para receber as notificações e aprender mais ainda sobre desenvolvimento web!

Veja também nosso catálogo de cursos na Udemy, todos com exercícios e projetos práticos, nas mais diversas tecnologias

O link acima contém um cupom de desconto para os cursos!