HTML-DOM-Radio Werteigenschaft
Radio - Objekte Definition und Verwendung
Wert Eigenschaft legt oder gibt den Wert der Eigenschaft Wert des Optionsfelds.
Für Radio-Buttons, erscheint der Inhalt Wert des Wertes der Immobilie nicht in der Benutzeroberfläche. Wert Attributwerte übergeben Daten an den Server nur dann, wenn das Formular abgeschickt wird. Wenn ein Optionsfeld ausgewählt wird, wenn das Formular abgeschickt wird, wird der Wert des Optionsfelds an den Server übertragen werden (die Schaltfläche nicht ausgewählt Daten nicht auf der Server-Seite übertragen wird).
Grammatik
Setzen Sie den Wert Eigenschaft:
radioObject.value="value"
Gibt den Wert Eigenschaft:
radioObject.value
Browser-Unterstützung
Alle gängigen Browser unterstützen Attributwert
Beispiele
Beispiel 1
Zeigen "Red" Radio-Button Werte:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>本教程(w3big.com)</title>
<script>
function displayResult(){
var x=document.getElementById("red").value;
alert(x);
}
</script>
</head>
<body>
<form>
你更喜欢哪种颜色?<br>
<input type="radio" name="colors" id="red" value="red">红色<br>
<input type="radio" name="colors" id="blue" value="blue">蓝色<br>
<input type="radio" name="colors" id="green" value="green">绿色
</form>
<button type="button" onclick="displayResult()">显示红色单选框的值</button>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>本教程(w3big.com)</title>
<script>
function displayResult(){
var x=document.getElementById("red").value;
alert(x);
}
</script>
</head>
<body>
<form>
你更喜欢哪种颜色?<br>
<input type="radio" name="colors" id="red" value="red">红色<br>
<input type="radio" name="colors" id="blue" value="blue">蓝色<br>
<input type="radio" name="colors" id="green" value="green">绿色
</form>
<button type="button" onclick="displayResult()">显示红色单选框的值</button>
</body>
</html>
Versuchen »
Beispiel 2
Zeigt den ausgewählten Radiobutton-Wert:
<! DOCTYPE html>
<Html>
<Head>
<Meta charset = "UTF-8">
<Titel> Dieses Tutorial (w3big.com) </ title>
<Script>
Funktion displayResult (Browser) {
document.getElementById ( "Ergebnis"). value = Browser
}
</ Script>
</ Head>
<Body>
<P> Wählen Sie Ihren Lieblings-Browser: </ p>
<Form>
<Input type = "radio" name = "Browser" Onclick = "displayResult (this.value)" value = "Internet Explorer"> Internet Explorer <br>
<Input type = "radio" name = "Browser" Onclick = "displayResult (this.value)" value = "Firefox"> Firefox <br>
<Input type = "radio" name = "Browser" Onclick = "displayResult (this.value)" value = "Opera"> Opera <br>
<Input type = "radio" name = "Browser" Onclick = "displayResult (this.value)" value = "Google Chrome"> Google Chrome <br>
<Input type = "radio" name = "Browser" Onclick = "displayResult (this.value)" value = "Safari"> Safari <br>
Ihr Lieblings-Browser: <input type = "text" id = "Ergebnis">
</ Form>
</ Body>
</ Html>
<Html>
<Head>
<Meta charset = "UTF-8">
<Titel> Dieses Tutorial (w3big.com) </ title>
<Script>
Funktion displayResult (Browser) {
document.getElementById ( "Ergebnis"). value = Browser
}
</ Script>
</ Head>
<Body>
<P> Wählen Sie Ihren Lieblings-Browser: </ p>
<Form>
<Input type = "radio" name = "Browser" Onclick = "displayResult (this.value)" value = "Internet Explorer"> Internet Explorer <br>
<Input type = "radio" name = "Browser" Onclick = "displayResult (this.value)" value = "Firefox"> Firefox <br>
<Input type = "radio" name = "Browser" Onclick = "displayResult (this.value)" value = "Opera"> Opera <br>
<Input type = "radio" name = "Browser" Onclick = "displayResult (this.value)" value = "Google Chrome"> Google Chrome <br>
<Input type = "radio" name = "Browser" Onclick = "displayResult (this.value)" value = "Safari"> Safari <br>
Ihr Lieblings-Browser: <input type = "text" id = "Ergebnis">
</ Form>
</ Body>
</ Html>
Versuchen »
Radio - Objekte