全选 /全不选 jQuery

最新推荐文章于 2025-12-03 13:04:04 发布

原创最新推荐文章于 2025-12-03 13:04:04 发布 · 109 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

本文介绍了一个使用jQuery实现的批量选择切换功能。通过点击一个全选按钮可以实现页面上所有指定名称复选框的选择与取消选择操作。此功能适用于需要进行批量操作的场景，如批量删除或编辑等。


$(function() {
$("#checkAll").toggle(
			  function () {
				   $("input[name='id']").each(function() {
						$(this).attr("checked", true);
					});
				  },
				  function () {
					  $("input[name='id']").each(function() {
							$(this).attr("checked", false);
						});
				  });
});