html中怎么获取check选项个数?

html-css02

html中怎么获取check选项个数?,第1张

举个例子,比如如下是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的介绍