举个例子,比如如下是HTML的结构:
这里推荐使用jQuery库,比较方便。以下是代码:
大致思路就是:先利用name属性值获取checkbox对象,然后循环判断checked属性。(true表示被选中,false表示未选中)
具体解释一下:
首先用document.getElementsByName()这个方法,通过input标签的name属性将input元素获取,并存进obj这个变量值中。然后建一个check_val的数组,通过for循环将input标签的value值存入数组中,这样就可以获取checkbox的选中的多个值。
事实上,标准的checked属性值应该是true与false,设置为checked是不太规范的,因为checkbox返回的checked属性的值也是true或false,而不是checked,即使你设置checked=“checked”,checked返回的是“true”。
选中后,checkbox的checked属性值会由false变为true。
可以简单证明一下,用一个p显示一个checkbox的checked属性值:
<script type="text/javascript">
window.onload = function () {
var oBox=document.getElementById('cek_box')
var op=document.getElementsByTagName('p')[0]
op.innerHTML=oBox.checked
}
</script>
<div id="d1">
<input id="cek_box" type="checkbox" checked="true"/>
<p></p>
</div>
结果是:
html中框内打勾为checkbox复选框。
checkbox为HTML中 <input>标签的 type 属性下的值。
<input>标签用于搜集用户信息。在 HTML 中,<input>标签没有结束标签。在 XHTML 中,<input>标签必须被正确地关闭。
type 属性规定 input 元素的类型。<input type="checkbox" />定义复选框。复选框允许用户在一定数目的选择中选取一个或多个选项。
其使用例子如下:
打开为网页后页面如下:
扩展资料:
CheckBox是在HTML中让使用者与首页上的素材发生交互作用的一种方法。其中包含CheckBox控件就是我们一般所说的复选框,通常用于某选项的打开或关闭。
该控件表明一个特定的状态(即选项)是选定 (on,值为true) 还是清除 (off,值为false)。在应用程序中使用该控件为用户提供“True/False”或“yes/no”的选择。进行选项组合。
在 HTML 文档中 <input type="checkbox">每出现一次,Checkbox 对象就会被创建
您可以通过遍历表单的 elements[] 数组来访问某个选择框,或者通过使用 document.getElementById() 。
参考资料:百度百科_CheckBox的介绍