Jquery获取checkbox

最新推荐文章于 2023-04-23 14:44:16 发布

weixin_30553065

最新推荐文章于 2023-04-23 14:44:16 发布

阅读量107

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/2260827114com/p/5081835.html

本文介绍如何利用jQuery库实现获取网页上所有选中状态的checkbox元素的值，包括代码示例和基本原理。

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

jquery 获取所有的 checkbox 值

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript">
function getCheckAdIds() {
var adIds = "";
$("input:checkbox[name=check_name]:checked'").each(function(i){
// $("input:checkbox[data-name='selectItemCalibrationYear']:checked").attr("checked",false);//取消所有的选中
if(0==i){
adIds = $(this).val();
}else{
adIds += (","+$(this).val());
}
});
alert(adIds);
return adIds;
}
</script>
</head>
<body>
<input name="check_name" type="checkbox" value="1"/>1
<input name="check_name" type="checkbox" value="2"/>2
<input name="check_name" type="checkbox" value="3"/>3
<input name="check_name" type="checkbox" value="4"/>4
<input name="check_name" type="checkbox" value="5"/>5
<input name="check_name" type="checkbox" value="6"/>6<br/>
<button onclick="getCheckAdIds()">获取选中结果</button>
</body>
</html>