通过 javascript 获取复选框的值 [关闭]答案

【问题标题】：Getting value of a checbox via javascript [closed]通过 javascript 获取复选框的值 [关闭]
【发布时间】：2013-12-01 06:24:52
【问题描述】：

我想尝试一下，如果选中复选框并按下提交按钮，javascript 警报应该显示“true”。如果按下提交时未选中该框，则警报应显示为“false”。当我搜索资源并发现时， http://www.w3schools.com/jsref/prop_checkbox_value.asp 原来这个代码示例在谷歌浏览器中也不起作用。最终，我想添加一个 if else 语句来根据存储在 var x 中的复选框值来决定真/假警报，但不知道我应该将该值与什么进行比较以决定是否选中该框。

【问题讨论】：

How do I get if a checkbox is checked or not?的可能重复

标签： javascript html checkbox

【解决方案1】：

您正在查看错误的属性。

无论复选框的选中状态如何，value 属性始终保持相同的值。用作表示发送表单时选中复选框的值。

checked 属性包含复选框的选中状态。

例子：

var x = document.getElementById("bike").checked;
alert(x);

由于该值是一个布尔值，所以在if语句中不需要做比较，只需将该值作为条件即可：

var x = document.getElementById("bike").checked;
if (x) {
  // it was checked
} else {
  // it was not checked
}

【讨论】：

【解决方案2】：

<form action="" method="post" onsubmit="return validate();">
<input type="checkbox" id="checkbox" />\
<input type="submit">
</form>
<script>
function validate(){
   var ele=document.getElementById('checkbox');
   alert(ele.checked);
   return false;
}
</script>

【讨论】：