Radio typeAtributo
Objeto Radio
Definición y uso
El atributo type devuelve el tipo de elemento de formulario del botón de opción.
Para los botones de opción, este atributo es siempre "radio".
Sintaxis
radioObject.type
Soporte del navegador
![]()
![]()
![]()
![]()
![]()
Todos los navegadores principales soportan el atributo type
Ejemplo
Ejemplo
El siguiente ejemplo devuelve el tipo de elemento de formulario del botón de opción:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
`<title>Tutorial Ejemplo (example.com)</title>`
<script>
function displayResult(){
var x=document.getElementById("red").type;
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 tipo de input</button>`
</body>
</html>
<html>
<head>
<meta charset="utf-8">
`<title>Tutorial Ejemplo (example.com)</title>`
<script>
function displayResult(){
var x=document.getElementById("red").type;
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 tipo de input</button>`
</body>
</html>
Pruébalo »
Objeto Radio Otras extensiones