Radio checkedEigenschaft
Radio-Objekt
Definition und Verwendung
Die checked-Eigenschaft legt fest oder gibt zurück, ob ein Radio-Button ausgewählt ist.
Syntax
checked-Eigenschaft setzen:
radioObject.checked=true|false
checked-Eigenschaft zurückgeben:
radioObject.checked
Browser-Unterstützung
Alle gängigen Browser unterstützen die checked-Eigenschaft
Beispiele
Beispiele
Im folgenden Beispiel kann ein Radio-Button ausgewählt und abgewählt werden:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Rookie Tutorial (example.com)</title>
<script>
function check(){
document.getElementById("red").checked=true
}
function uncheck(){
document.getElementById("red").checked=false
}
</script>
</head>
<body>
<form>
Welche Farbe bevorzugen Sie?<br>
<input type="radio" name="colors" id="red">Rot<br>
<input type="radio" name="colors" id="blue">Blau<br>
<input type="radio" name="colors" id="green">Grün
</form>
<button type="button" onclick="check()">„Rot“ auswählen</button>
<button type="button" onclick="uncheck()">„Rot“ abwählen</button>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Rookie Tutorial (example.com)</title>
<script>
function check(){
document.getElementById("red").checked=true
}
function uncheck(){
document.getElementById("red").checked=false
}
</script>
</head>
<body>
<form>
Welche Farbe bevorzugen Sie?<br>
<input type="radio" name="colors" id="red">Rot<br>
<input type="radio" name="colors" id="blue">Blau<br>
<input type="radio" name="colors" id="green">Grün
</form>
<button type="button" onclick="check()">„Rot“ auswählen</button>
<button type="button" onclick="uncheck()">„Rot“ abwählen</button>
</body>
</html>
Selbst ausprobieren »
Radio-Objekt Andere Erweiterungen