通过JQuery获取CheckBox中被选中的value值
2019-12-29 本文已影响0人
very_cute_girls
#创建几个CheckBox选择框
<input type="checkbox" id="test" name="test" value="1">
<input type="checkbox" id="test" name="test" value="2">
<input type="checkbox" id="test" name="test" value="3">
<button id="btn">测试</button>
#js代码
// 获取所有选中的checkbox的值
$("#btn").click(function () {
// 获取所有id为test的checkbox对象
var checkid = $("input[name='test']:checked")
// 创建一个空的数据,用于存储所有对象中被选中的 对象的value值
var checkvalue = [];
// 获取所有CheckBox中被选中的value值
for (var i = 0; i < checkid.length; i++) {
if (checkid[i].checked)
checkvalue.push(checkid[i].value);
}
// 打印输出
console.log(checkvalue)
})
当然了,不用jq也一样的,修改一下就好