jquery 获取用户复选框选定值的方法

最新推荐文章于 2022-07-18 16:55:09 发布

laoyaotask

最新推荐文章于 2022-07-18 16:55:09 发布

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

分类专栏： jQuery Web前端

本文链接：https://blog.youkuaiyun.com/laoyaotask/article/details/42224659

Web前端同时被 2 个专栏收录

36 篇文章

订阅专栏

jQuery

15 篇文章

订阅专栏

本文介绍了一种使用jQuery简化批量删除操作的方法。通过监听特定按钮点击事件，收集被选中的记录ID，并通过Ajax发送给服务器进行批量删除处理。文章详细展示了如何验证用户选择、组织数据及与后端交互。

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

	//启动删除程序
				$("#deleteDetail").click(function  () {
					//获取已选项的id集
					if(confirm("确定要删除所选记录吗？")==true)
					{
						//获取所选记录id
						var idset="";  //用于记录复选框选定值的字符串变量
						$("[name='did']:checked").each(function(){  // 根据name属性以及checked状态来获取被用户选定的项，这里要注意早期的jquery版本不是这样写的
							idset+=$(this).val()+","; //获取选定复选框的值，并添加到前述字符串变量中，注意后面有个逗号，
						})
						idset=idset.substr(0,idset.length-1);// 删除最后的那个逗号
						
						if(idset=="") // 如果字符串变量还为空，说明用户没有选择值
						{
							alert("没有选中记录。");
						}
						else
						{
							$.ajax({   // 以ajax方法，将用户选定值传给后台
								type:"get",
								data:{id:idset},
								dataType:"html",
								url:"phpCode/deleteDetails.php",
								success:function  (data) {
									alert(data);
								}
							});
						}
					}
				})