Input Radio waarde eigenschap

HTML DOM Input Radio object

Definitie en gebruik

value Stel de waarde van de value eigenschap van de radio knop in of返 返回其值。

De inhoud van de value eigenschap van de radio knop verschijnt niet in de gebruikersinterface. De value eigenschap is alleen van belang bij het indienen van het formulier. Als de radio knop is aangevinkt bij het indienen van het formulier, wordt de naam van de radio knop samen met de waarde van de value eigenschap verzonden (indien de radio knop niet is aangevinkt, wordt geen informatie verzonden).

Tip:Definieer verschillende waarden voor radio knoppen in dezelfde groep, zodat (op de server) kan worden vastgesteld welke optie is geselecteerd.

Zie ook:

HTML Referentiemanual:HTML <input> value attribute

Voorbeeld

Voorbeeld 1

Haal de waarde van de value eigenschap van de radio knop op:

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

Probeer het zelf

Voorbeeld 2

Wijzig de waarde van de value eigenschap van de radio knop:

document.getElementById("myRadio").value = "newRadioBtnValue";

Probeer het zelf

Voorbeeld 3

Gebruik radio knoppen en tekst invoervelden om de waarde van de geselecteerde radio knop weer te geven:

document.getElementById("result").value = browser;

Probeer het zelf

Syntax

Return value attribute:

radioObject.value

Set value attribute:

radioObject.value = text

Attribute value

Value Description
text Specifies the value associated with the input (this is also the value sent when submitted).

Technical details

Return value: String value representing the value of the value attribute of the radio button.

Browser support

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

HTML DOM Input Radio object