nilai properti HTML DOM Radio
Objek radio Definisi dan Penggunaan
nilai set properti atau mengembalikan nilai dari nilai properti dari tombol radio.
Untuk tombol radio, nilai isi dari nilai properti tidak muncul dalam antarmuka pengguna. nilai nilai atribut melewatkan data ke server hanya ketika formulir dikirimkan. Jika tombol radio dipilih saat formulir dikirimkan, nilai tombol radio akan dikirimkan ke server (tombol tidak dipilih data tidak ditransmisikan ke sisi server).
tatabahasa
Mengatur properti nilai:
radioObject.value="value"
Mengembalikan nilai properti:
radioObject.value
Dukungan Browser
Semua browser utama mendukung nilai atribut
contoh
contoh 1
Tampilkan "Red" tombol radio nilai:
<!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>
Coba »
contoh 2
Menampilkan dipilih nilai tombol radio:
<! DOCTYPE html>
<Html>
<Head>
<Meta charset = "utf-8">
<Title> Tutorial ini (w3big.com) </ title>
<Script>
Fungsi displayResult (browser) {
document.getElementById ( "hasil"). value = Browser
}
</ Script>
</ Kepala>
<Body>
<P> Pilih browser favorit Anda: </ p>
<Form>
<Input type = "radio" name = "browser" onclick = "displayResult (this.value)" value = "Internet Explorer"> Internet Explorer Situs
<Input type = "radio" name = "browser" onclick = "displayResult (this.value)" value = "Firefox"> Firefox Situs
<Input type = "radio" name = "browser" onclick = "displayResult (this.value)" value = "Opera"> Situs Opera
<Input type = "radio" name = "browser" onclick = "displayResult (this.value)" value = "Google Chrome"> Google Chrome Situs
<Input type = "radio" name = "browser" onclick = "displayResult (this.value)" value = "Safari"> Safari <br>
browser favorit Anda: <input type = "text" id = "hasil">
</ Form>
</ Body>
</ Html>
<Html>
<Head>
<Meta charset = "utf-8">
<Title> Tutorial ini (w3big.com) </ title>
<Script>
Fungsi displayResult (browser) {
document.getElementById ( "hasil"). value = Browser
}
</ Script>
</ Kepala>
<Body>
<P> Pilih browser favorit Anda: </ p>
<Form>
<Input type = "radio" name = "browser" onclick = "displayResult (this.value)" value = "Internet Explorer"> Internet Explorer Situs
<Input type = "radio" name = "browser" onclick = "displayResult (this.value)" value = "Firefox"> Firefox Situs
<Input type = "radio" name = "browser" onclick = "displayResult (this.value)" value = "Opera"> Situs Opera
<Input type = "radio" name = "browser" onclick = "displayResult (this.value)" value = "Google Chrome"> Google Chrome Situs
<Input type = "radio" name = "browser" onclick = "displayResult (this.value)" value = "Safari"> Safari <br>
browser favorit Anda: <input type = "text" id = "hasil">
</ Form>
</ Body>
</ Html>
Coba »
Objek radio