1
<input type="radio" name="opcao" id="1" value="op1">
<input type="radio" name="opcao" id="2" value="op2">
<input type="radio" name="opcao" id="3" value="op4">
<input type="radio" name="opcao" id="4" value="op8">

Como pego o valor de cada opção e utilizo em uma função JavaScript a partir de um onclick?

2

1 Resposta 1

0

Você pode criar um evento onclick para cada radio e enviar o valor para uma outra função:

// aqui eu crio uma coleção de todos os input do tipo radio
// o seletor "input[type='radio']" é: nome_da_tag[atributo=valor]
var radios = document.body.querySelectorAll("input[type='radio']");

// faço um loop na coleção começando do índice 0 até o limite da
// coleção (quantidade - 1). Por isso o x só deve ser menor do que
// a quantidade de itens na coleção
for(var x=0; x<radios.length; x++){

   // crio um evento onclick individual para cada elemento
   radios[x].onclick = function(){
   
      // this.value => o "this" é o elemento clicado
      // e "value" o valor dele. Envio para a função "clique()"
      // o valor em forma de parâmetro
      clique(this.value);
   }
}

// função que vai receber o valor do radio clicado
// em forma de um parâmetro que chamei de "i"
function clique(i){
   console.log(i);
}
<input type="radio" name="opcao" id="1" value="op1">
<input type="radio" name="opcao" id="2" value="op2">
<input type="radio" name="opcao" id="3" value="op4">
<input type="radio" name="opcao" id="4" value="op8">

5
  • tem como salvar o this.value em uma variável? para q eu possa comparar com outro valor?
    – Joao Vitor
    Commented 23/03/2018 às 23:02
  • Tem sim, basta fazer var variavel = this.value;
    – Sam
    Commented 23/03/2018 às 23:03
  • Ou na função clique(): var variavel = i;
    – Sam
    Commented 23/03/2018 às 23:05
  • Tem muito material na internet. Melhor pra aprender é ir criado dúvidas e buscando respostas.
    – Sam
    Commented 23/03/2018 às 23:10
  • Vou adicionar comentários no código pra facilitar o entendimento e o que cada coisa faz.
    – Sam
    Commented 23/03/2018 às 23:11

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .