jQuery获取多个复选框的值

最新推荐文章于 2024-12-30 17:57:28 发布

Kathy_LLi

最新推荐文章于 2024-12-30 17:57:28 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/Kathy_Hui/article/details/82491839

本文介绍了一种使用jQuery和原生JavaScript获取HTML页面中多个复选框值的方法。通过遍历具有相同名称属性的复选框元素，将被选中的复选框的值收集到一个数组中，并在控制台和弹窗中展示这些值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery获取多个复选框的值</title>
<script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>
<script>
function show() {
var obj = document.getElementsByName("demo");
console.log(obj);
chkVal = [];
for(i in obj) {
if(obj[i].checked)
chkVal.push(obj[i].value);
}
alert(chkVal);
}
</script>
</head>
<body>
<div class="chkInp">
<input type="checkbox" name="demo" value="啦啦啦" />啦啦啦
<input type="checkbox" name="demo" value="哈哈哈" />哈哈哈
<input type="checkbox" name="demo" value="嘻嘻嘻" />嘻嘻嘻
<input type="checkbox" name="demo" value="呵呵呵" />呵呵呵
</div>
<input type='button' value='提交' onclick="show()" />
</body>
</html>