Checkbox value 属性

Checkbox 对象参考手册 Checkbox 对象

定义和用法

value 属性可设置或者返回 checkbox 的value属性值。

复选框的 value 属性值不会显示在用户界面中。value 属性用于表单数据的提交(只有选中的复选框才会传递数据到服务端,如果什么都没选则不传递复选框数据)。

语法

设置 value 属性:

checkboxObject.value = "value"

返回value 属性:

checkboxObject.value

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主要浏览器都支持 value 属性


实例

显示复选框关联的值:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>蜜蜂教程(mifengjc.com)</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 对象参考手册 Checkbox 对象