Radio value 屬性

定義和用法

value 屬性可設置或返回單選按鈕的 value 屬性的值。

對于單選按鈕，value屬性值的內(nèi)容不會出現(xiàn)在用戶界面。value 屬性值只在提交表單時向服務端傳遞數(shù)據(jù)。如果一個單選按鈕處于選中狀態(tài)，在提交表單時，單選按鈕的值才會傳遞到服務端（未選中按鈕是不會傳遞數(shù)據(jù)到服務端的）。

語法

設置 value 屬性:

radioObject.value="value"

返回 value 屬性:

radioObject.value

瀏覽器支持

所有主要瀏覽器都支持 value 屬性

實例

實例 1

顯示選按鈕中選中的值:

<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>

運行代碼 ?

實例 2

顯示選定的單選按鈕值：

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(json.cn)</title> <script> function displayResult(browser){ document.getElementById("result").value=browser } </script> </head> <body> <p>選擇你最喜歡的瀏覽器:</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><br> 你最喜歡的瀏覽器是: <input type="text" id="result"> </form> </body> </html>

運行代碼 ?

Radio 對象其他擴展

上一篇：Radio type 屬性下一篇：Reset disabled 屬性