Radio defaultCheckedPropiedad
Objeto Radio
Definición y uso
La propiedad defaultChecked puede devolver el valor predeterminado de la propiedad checked.
Si el estado predeterminado del botón de opción está seleccionado, devuelve true; de lo contrario, devuelve false.
Sintaxis
radioObject.defaultChecked
Soporte del navegador
Todos los navegadores principales admiten la propiedad defaultChecked.
Ejemplo
Ejemplo
Detectar si la opción "Blue" está seleccionada por defecto:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tutorial de novatos (example.com)</title>
<script>
function displayResult(){
var x=document.getElementById("blue").defaultChecked;
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" checked="checked">Azul<br>
<input type="radio" name="colors" id="green">Verde
</form>
<button type="button" onclick="displayResult()">¿Está seleccionado el azul por defecto?</button>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Tutorial de novatos (example.com)</title>
<script>
function displayResult(){
var x=document.getElementById("blue").defaultChecked;
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" checked="checked">Azul<br>
<input type="radio" name="colors" id="green">Verde
</form>
<button type="button" onclick="displayResult()">¿Está seleccionado el azul por defecto?</button>
</body>
</html>
Pruébalo »
Objeto Radio Otras extensiones