Radio value 属性

返回上一级

Radio 对象的 value 属性用于设置或返回单选按钮的 value 属性的值

对于单选按钮,value 属性值的内容不会出现在用户界面

value 属性值只在提交表单时向服务端传递数据

如果一个单选按钮处于选中状态,在提交表单时, 单选按钮的值才会传递到服务端 ,未选中按钮是不会传递数据到服务端的

语法

设置 value 属性

radioObject.value="value"

返回 value 属性

radioObject.value

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主要浏览器都支持 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>

运行范例 »

范例 2

显示选定的单选按钮值

<script>
function displayResult(browser){
    document.getElementById("result").value=browser
}
</script>
<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>

运行范例 »

返回上一级

JavaScript 参考手册

关于   |   FAQ   |   我们的愿景   |   广告投放   |  博客

  简单教程,简单编程 - IT 入门首选站

Copyright © 2013-2022 简单教程 twle.cn All Rights Reserved.