Radio formPropiedades
Objeto Radio
Definición y uso
La propiedad form devuelve una referencia al formulario que contiene el botón.
Si tiene éxito, la propiedad devuelve un objeto de formulario.
Sintaxis
radioObject.form
Soporte del navegador
![]()
![]()
![]()
![]()
![]()
Todos los navegadores principales admiten la propiedad form.
Ejemplo
Ejemplo
El siguiente ejemplo devolverá el id del formulario al que pertenece el botón de opción:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tutorial de novatos (example.com)</title>
<script>
function displayResult(){
var x=document.getElementById("red").form.id;
alert(x);
}
</script>
</head>
<body>
<form id="form1">
¿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 id del formulario al que pertenece</button>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Tutorial de novatos (example.com)</title>
<script>
function displayResult(){
var x=document.getElementById("red").form.id;
alert(x);
}
</script>
</head>
<body>
<form id="form1">
¿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 id del formulario al que pertenece</button>
</body>
</html>
Pruébalo »
Objeto Radio Otras extensiones