Checkbox value 属性
Checkbox 对象定义和用法
value 属性可设置或者返回 checkbox 的value属性值。
复选框的 value 属性值不会显示在用户界面中。value 属性用于表单数据的提交(只有选中的复选框才会传递数据到服务端,如果什么都没选则不传递复选框数据)。
语法
设置 value 属性:
checkboxObject.value="value"
返回value 属性:
checkboxObject.value
浏览器支持
所有主要浏览器都支持 value 属性
实例
实例
显示复选框关联的值:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>代码学院(codexy.cn)</title>
<script>
function displayResult(){
var x=document.getElementById("bike").value;
alert(x);
}
</script>
</head>
<body>
<form>
<input type="checkbox" id="bike" value="Bike"> 我有一辆自行车 <br>
</form>
<button type="button" onclick="displayResult()">显示value值</button>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>代码学院(codexy.cn)</title>
<script>
function displayResult(){
var x=document.getElementById("bike").value;
alert(x);
}
</script>
</head>
<body>
<form>
<input type="checkbox" id="bike" value="Bike"> 我有一辆自行车 <br>
</form>
<button type="button" onclick="displayResult()">显示value值</button>
</body>
</html>
尝试一下 »
Checkbox 对象