<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>javascript - Obtener el valor de un radio button</title>
<script>
function capturar()
{
var resultado="ninguno";
var porNombre=document.getElementsByName("deacuerdo");
// Recorremos todos los valores del radio button para encontrar el
// seleccionado
for(var i=0;i<porNombre.length;i++)
{
if(porNombre[i].checked)
resultado=porNombre[i].value;
}
document.getElementById("resultado").innerHTML=" \
Por Nombre: "+resultado;
}
</script>
<style>
form {width:250px;height:180px;border:1px solid #ccc;padding:10px;}
</style>
</head>
<body>
<h1>Obtener el valor de un radio button</h1>
<form id="form1">
Nombre:<br><input type="text" name="nombre" value="jose" id="nombre" class="formulario">
<p><input type="checkbox" name="acepto" id="acepto" class="formulario_check"> Acepto el contrato</p>
<p>Deacuerdo: Si<input type="radio" name="deacuerdo" value="si"> No<input type="radio" name="deacuerdo" value="no"></p>
<p>
<select name="seleccion" id="seleccion" class="formulario_select">
<option value="1">primera</option>
<option value="2">segunda</option>
</select>
</p>
</form>
<input type="button" value="Que valor hay en el radio button" onclick="capturar()">
<div id="resultado"></div>
<p><a href="http://www.lawebdelprogramador.com">http://www.lawebdelprogramador.com</a></p>
</body>
</html>
Comentarios sobre la versión: Versión 1 (11)