天天看點

Radio value 屬性

Radio value 屬性

Radio 對象

value 屬性可設定或傳回單選按鈕的 value 屬性的值。

對于單選按鈕,value屬性值的内容不會出現在

使用者界面。value 屬性值隻在送出表單時向服務端傳遞資料。如果一個

單選按鈕處于選中狀态,在送出表單時,單選按鈕的值才會傳遞到服務端(未選中按鈕是不會傳遞資料到服務端的)。

設定 value 屬性:

radioObject.value="value"

傳回 value 屬性:

radioObject.value

Radio value 屬性
Radio value 屬性
Radio value 屬性
Radio value 屬性
Radio value 屬性

所有主要浏覽器都支援 value 屬性

顯示選按鈕中選中的值:

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

顯示標明的單選按鈕值:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>菜鳥教程(runoob.com)</title>

<script>

function displayResult(browser){

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

}

</script>

</head>

<body>

<p>選擇你最喜歡的浏覽器:</p>

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

</body>

</html>

Radio value 屬性