Labels

Showing posts with label input. Show all posts
Showing posts with label input. Show all posts

Tuesday, July 9, 2013

Como pegar o valor do 'radio' selecionado com javascript?

Pegue todos elementos "radio" com o mesmo "name" e ache o que está selecionado e retorne o valor.
Código:
<script>

 function mostrarGenero(){
  alert('O valor selecionado é '+ getRadioValor('genero'));
 }
 
 function getRadioValor(name){
  var rads = document.getElementsByName(name);
  
  for(var i = 0; i < rads.length; i++){
   if(rads[i].checked){
    return rads[i].value;
   }
  
  }
  
  return null;
 }

</script>

<input id='Masculino' type='radio' name='genero' value='Masculino' /><label for='Masculino'>Masculino</label>
<input id='Feminino' type='radio' name='genero' value='Feminino' /><label for='Feminino'>Feminino</label>

<br/>
<br/>

<button onclick='mostrarGenero()'> Mostra valor </button>