Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Gilberto Jr

Recuperando o valor do Input Radio

Por , em Javascript

Recommended Posts

Gilberto Jr    26

Gilberto Jr
Postado

Bom dia;

 

Eu estou com uma duvida aqui. Seguinte, tenho três input type radio.

 

Esses três input's radio esta fora do meu formulário. E dentro do formulário eu tenho outro input type=hidden que tem que recuperar o valor do input type=radio selecionado.

 

Os 3 input's type=radio segue o código.

<input onChange="showUser(this.value)" id="tiposervico2" type="radio" name="site" value="1" />
<input onChange="showUser(this.value)" id="tiposervico2" type="radio" name="site" value="2" />
<input onChange="showUser(this.value)" id="tiposervico2" type="radio" name="site" value="3" />

Já tentei 

document.getElementById("tiposervico").value = document.getElementById("tiposervico2").value;

Esse é input type=hidden. Coloquei ele type=text só para eu ver o valor.

<input type="text" id="tiposervico" name="tiposervico" value="" />

E não deu certo.

 

Como eu devo fazer nesse caso?

 

Att;

Compartilhar este post

Link para o post
Compartilhar em outros sites

Tadeu Barbosa    18

Tadeu Barbosa
Postado

@Gilberto, os ids só estão iguais aqui ou no projeto também ?

 

 

Os 3 input's type=radio segue o código.

<input onChange="showUser(this.value)" id="tiposervico2" type="radio" name="site" value="1" />
<input onChange="showUser(this.value)" id="tiposervico2" type="radio" name="site" value="2" />
<input onChange="showUser(this.value)" id="tiposervico2" type="radio" name="site" value="3" />

Compartilhar este post

Link para o post
Compartilhar em outros sites

Luiz Magno    6

Luiz Magno
Postado

eu fiz da seguinte maneira:

 

 

 

<body>
<input type="text" id="tiposervico" name="tiposervico" value="" />
<input onChange="setValor()" type="radio" name="site" value="1" />
<input onChange="setValor()" type="radio" name="site" value="2" />
<input onChange="setValor()" type="radio" name="site" value="3" />
<script>
function setValor(){
var radioButtons = document.getElementsByName("site");
for (var x = 0; x < radioButtons.length; x ++) {
      if (radioButtons[x].checked) {
       document.getElementById("tiposervico").value = radioButtons[x].value;
 
       console.info(document.getElementById("tiposervico").value);
      }
   }
} 
</script>
</body>

talvez tenha uma forma mais simplificada de pegar o radio selecionado, mas dessa forma também funciona....

 

abraço

 

uma outra dica, não use id com mesmo nome.

 

veja que da forma que fiz nem uso id dos radios

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Luiz, quando vc colocou um evento em cada input, vc já sabe quem é o selecionado.

 

<body>
<input type="text" id="tiposervico" name="tiposervico" value="" />
<input onclick="setValor(this)" type="radio" name="site" value="1" />
<input onclick="setValor(this)" type="radio" name="site" value="2" />
<input onclick="setValor(this)" type="radio" name="site" value="3" />
<script>
function setValor(radio){
      document.getElementById("tiposervico").value = radio.value;
      console.info(document.getElementById("tiposervico").value);
}
</script>
</body>
Veja que por definição, o radio selecionado é aquele que for clicado.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Gilberto Jr    26

Gilberto Jr
Postado

Usei a solução do

Luiz Magno

E funcionou do jeito que eu queria.

 

A solução do

William Bruno

eu vou salvar aqui para usar ela futuramente em outro projeto.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito