在js中如何获得checkbox里选中的多个值

来源：刀刀网

思路：利用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="show()" />

2、javascript代码(jQuery)

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

3、演示效果

显示全文

全部频道

在js中如何获得checkbox里选中的多个值