If the underlying element collection contains radio buttons, the RadioNodeList.value
property represents the checked radio button. On retrieving the value
property, the value
of the currently checked
radio button is returned as a string. If the collection does not contain any radio buttons or none of the radio buttons in the collection is in checked
state, the empty string is returned. On setting the value
property, the first radio button input element whose value
property is equal to the new value will be set to checked
.
<form>
<label><input type="radio" name="color" value="blue" />Blue</label>
<label><input type="radio" name="color" value="red" />Red</label>
</form>
JavaScript
// Get the form
const form = document.forms[0];
// Get the form's radio buttons
const radios = form.elements["color"];
// Choose the "red" option
radios.value = "red";
Result Specifications Browser compatibility See also
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.3