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!