Labels

Showing posts with label radio. Show all posts
Showing posts with label radio. 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>

How to get the selected radio value with javascript?

Get all radio of group with same 'name' and find the selected element.
<script>

 function showGender(){
  alert('The selected value is '+ getRadioValue('gender'));
 }
 
 function getRadioValue(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='male' type='radio' name='gender' value='Male' /><label for='male'>Male</label>
<input id='female' type='radio' name='gender' value='Female' /><label for='female'>Female</label>

<br/>
<br/>

<button onclick='showGender()'> Show value </button>