Javascript Como deixar so um input:radio marcado

Semnet · 31 de dezembro de 2019

Tenho dois input tipo radio , mas nao consigo desmarcar, eu quero poder marcar e desmarcar o input e tambem quando marcar um quero que o outro desmarque. Eu tentei algo mais falhei.

<div class="blue"> // HTml
        <h2>Change Background Color</h2>
        <input type="radio"  class="red" checked>Red
        <input type="radio"  class="green">Green
        
    </div>

    <script>
        var re = document.querySelector('.red')
        var gr = document.querySelector('.green')
        function marcado(red) {
            var radio = document.querySelector('.red')
            radio.checked = true;
        } 

        function desmarcado(green) {
            var radio = document.querySelector('.green')
            radio.checked = false
        }

ze2204 · 31 de dezembro de 2019

<!DOCTYPE html>
<html>
<body>

<form action="/action_page.php">
<p>escolha 1:</p>
  <input type="radio" name="escolha1" value="1"> 1<br>
  <input type="radio" name="escolha1" value="2"> 2<br>
  <input type="radio" name="escolha1" value="3"> 3<br>  

<p>ecsolha 2</p>
  <input type="radio" name="escolha2" value="1"> 1 <br>
  <input type="radio" name="escolha2" value="2"> 2 <br>
  <input type="radio" name="escolha2" value="3"> 3 <br>  

  <input type="submit" value="Submit">
</form>

</body>
</html>

o type="radio" seria as bolinhas

name="escolha1" seria o grupo dos botões se alter o escolha2 para esolha1 todos os botões vão estar ligados entre si

value="1" seria o valor que sera atribuido ao clicar nesse input que poderia estar sendo enviado para um formulario

Luís Roberto C. da Silva · 1 de janeiro de 2020

Pra marcar um e desmarcar o outro é só colocar o atributo name com o mesmo nome para os dois. Assim se torna um grupo de radio:

<input type="radio" name="escolha" class="red" checked>Red
<input type="radio" name="escolha" class="green">Green

Agora para desmarcar todos é só criar uma função Javascript.

Semnet · 1 de janeiro de 2020

@Luís Roberto C. da Silva Valeu, eu tinha esquecido desse detalhe

Entrar

Javascript Como deixar so um input:radio marcado

Posts recomendados

Semnet

ze2204

Luís Roberto C. da Silva

Semnet

Crie uma conta ou entre para comentar

Criar uma conta

Entrar

Quem está navegando aqui 0 usuários estão online

Popular agora

Últimos tópicos

Livros

Cursos

Conteúdo recente

Sobre o Clube do Hardware

Direitos autorais

Mais

Fórum

Atividades

Artigos

Análises

Livros

Cursos