JQuery实现保存已选择的多选框的值

最新推荐文章于 2021-06-04 10:44:10 发布

最新推荐文章于 2021-06-04 10:44:10 发布 · 226 阅读

文章标签：

#jQuery #ViewUI

JQuery 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一种使用JavaScript来收集并保存网页中被选中的多选框值的方法。通过遍历所有选中的多选框并将它们的值存入一个数组，最后将数组转化为字符串形式保存在一个隐藏字段内。此技巧常用于需要批量操作如删除等场景。

<input id='ids' type='hidden' name='ids'/>

该隐藏框用来保存已选多选框的值

<script>
function save()
{
	var arr = [];    
	$('input:checked').each(function()   //所有为checked状态的多选框
	{
		arr.push(this.value);
	});
	if(arr.length == 0 )
	{
		alert("请选择需要删除的记录");
		return;
	}
	$('#ids').val(arr.toString());
	}
</script>