Radio namePropiedades
Objeto Radio
Definición y uso
La propiedad name puede establecer o devolver el nombre del botón de radio.
Consejo:Los botones de radio definidos con el atributo name forman un grupo (los botones de radio con el mismo nombre pertenecen al mismo grupo).
El atributo name se utiliza para enviar datos al servidor después del envío del formulario, o para hacer referencia a los datos del formulario en Javascript.
Nota:Después del envío del formulario, solo el atributo name del elemento del formulario transmitirá el valor de los datos.
Sintaxis
Establecer la propiedad name:
radioObject.name="name"
Devolver la propiedad name:
radioObject.name
Soporte del navegador
Todos los navegadores principales soportan la propiedad name.
Ejemplo
Ejemplo
Mostrar el valor de la propiedad name del botón de radio 'Red':
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tutorial para novatos (example.com)</title>
<script>
function displayResult(){
var x=document.getElementById("red").name;
alert(x);
}
</script>
</head>
<body>
<form>
¿Qué color prefieres?<br>
<input type="radio" name="colors" id="red">Rojo<br>
<input type="radio" name="colors" id="blue">Azul<br>
<input type="radio" name="colors" id="green">Verde
</form>
<button type="button" onclick="displayResult()">Mostrar el nombre del botón de radio rojo</button>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Tutorial para novatos (example.com)</title>
<script>
function displayResult(){
var x=document.getElementById("red").name;
alert(x);
}
</script>
</head>
<body>
<form>
¿Qué color prefieres?<br>
<input type="radio" name="colors" id="red">Rojo<br>
<input type="radio" name="colors" id="blue">Azul<br>
<input type="radio" name="colors" id="green">Verde
</form>
<button type="button" onclick="displayResult()">Mostrar el nombre del botón de radio rojo</button>
</body>
</html>
Pruébalo »
Objeto Radio Otras extensiones