Input Radio checked eigenschap

HTML DOM Input Radio Object

Definitie en gebruik

checked Stel de eigenschap in of geef de geselecteerde status van de radio knop terug.

Deze eigenschap reflecteert de HTML checked eigenschap.

Zie ook:

HTML Referentie Handleiding:HTML <input> checked attribute

Voorbeeld

Voorbeeld 1

Selecteer en deselecteer een specifieke radio knop:

function check() {
  document.getElementById("red").checked = true;
}
function uncheck() {
  document.getElementById("red").checked = false;
}

Probeer het zelf uit

Voorbeeld 2

Controleer of een radio knop geselecteerd is:

var x = document.getElementById("myRadio").checked;

Probeer het zelf uit

Voorbeeld 3

Gebruik radio knoppen om tekst in een invoerveld om te zetten naar hoofdletters:

document.getElementById("fname").value = document.getElementById("fname").value.toUpperCase();

Probeer het zelf uit

Voorbeeld 4

Enkele radio knoppen in het formulier:

var coffee = document.forms[0];
var txt = "";
var i;
for (i = 0; i < coffee.length; i++) {
  if (coffee[i].checked) {
    txt = txt + coffee[i].value + " ";
  }
}
document.getElementById("order").value = "U heeft de volgende koffie besteld: " + txt;

Probeer het zelf uit

Syntax

Geef de checked eigenschap terug:

radioObject.checked

Instellen van de checked eigenschap:

radioObject.checked = true|false

Attribute value

Value Description
true|false

Specify whether the radio button should be selected.

  • true - The radio button is selected
  • false - Default. The radio button is not selected

Technical details

Return value: Boolean value, returned if the radio button is selected true; otherwise return false.

Browser support

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support

HTML DOM Input Radio Object