Radio checkedPropiedad
Objeto Radio
Definición y uso
La propiedad checked establece o devuelve si un botón de opción está seleccionado.
Sintaxis
Establecer la propiedad checked:
radioObject.checked=true|false
Devolver la propiedad checked:
radioObject.checked
Soporte del navegador
Todos los navegadores principales admiten la propiedad checked.
Ejemplo
Ejemplo
El siguiente ejemplo permite seleccionar y deseleccionar un botón de opción:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tutorial de novatos (example.com)</title>
<script>
function check(){
document.getElementById("red").checked=true
}
function uncheck(){
document.getElementById("red").checked=false
}
</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="check()">Seleccionar "Rojo"</button>
<button type="button" onclick="uncheck()">Deseleccionar "Rojo"</button>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Tutorial de novatos (example.com)</title>
<script>
function check(){
document.getElementById("red").checked=true
}
function uncheck(){
document.getElementById("red").checked=false
}
</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="check()">Seleccionar "Rojo"</button>
<button type="button" onclick="uncheck()">Deseleccionar "Rojo"</button>
</body>
</html>
Pruébalo »
Objeto Radio Otras extensiones