Question

怎么获取一组checkbox选中的值

Answer 1

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

<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代码

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);
}

Answer 2

使用 jQuery 获取一组或者单个 checkbox 的选中状态的值。下面通过一个示例进行说明，假设现有一页面有一组 checkbox 的 name 的值为 id ，那么获取这组 name=id 的checkbox的值的方法如下：
Js代码 收藏代码
var id_array=new Array();
$('input[name="id"]:checked').each(function(){
id_array.push($(this).val());//向数组中添加元素
});
var idstr=id_array.join(',');//将数组元素连接起来以构建一个字符串
alert(idstr);

另外 jquery 判断单个 checkbox 是否选中以及获取选中值的方法如下：
Js代码 收藏代码
if($("#id").is(":checked")){//选中
alert($("#id").val());//打印选中的值
}