在js中怎样获得checkbox里选中的多个值？

Question

在js中怎样获得checkbox里选中的多个值？

Answer 1

举个例子，比如如下是HTML的结构：

这里推荐使用jQuery库，比较方便。以下是代码：

大致思路就是：先利用name属性值获取checkbox对象，然后循环判断checked属性。（true表示被选中，false表示未选中）

具体解释一下：

首先用document.getElementsByName()这个方法，通过input标签的name属性将input元素获取，并存进obj这个变量值中。然后建一个check_val的数组，通过for循环将input标签的value值存入数组中，这样就可以获取checkbox的选中的多个值。

扩展资料：

Checkbox 对象代表一个 HTML 表单中的 一个选择框。

在 HTML 文档中 <input type="checkbox"> 每出现一次，Checkbox 对象就会被创建。

您可以通过遍历表单的 elements[] 数组来访问某个选择框，或者通过使用 document.getElementById() 。

 

Answer 2

思路：利用name属性值获取checkbox对象，然后循环判断checked属性（true表示被选中，false表示未选中）。下面进行实例演示：

1、HTML结构

1 2 3 4 5 6

<input type="checkbox" name="test" value="1"/><span>1</span> <input type="checkbox" name="test" value="2"/><span>2</span> <input type="checkbox" name="test" value="3"/><span>3</span> <input type="checkbox" name="test" value="4"/><span>4</span> <input type="checkbox" name="test" value="5"/><span>5</span> <input type='button' value='提交' onclick="fun()"/>

2、javascript代码

1 2 3 4 5 6 7 8 9

function fun(){     obj = document.getElementsByName("test");     check_val = [];     for(k in obj){         if(obj[k].checked)             check_val.push(obj[k].value);     }     alert(check_val); }

3、演示效果

Answer 3

var arr=document.getElementsByName("name");
arr是一个数组，就是所有checkbox的值；
for(i=0;i<arr.length;i++){
if(arr[i].checked){
var a = arr[i].value;
}
}
a就是选中的checkbox的值