jQuery 全选反选超简单示例

最新推荐文章于 2021-01-29 14:38:04 发布

lsjlnd

最新推荐文章于 2021-01-29 14:38:04 发布

阅读量457

点赞数

分类专栏： Web前端文章标签： jQuery

本文链接：https://blog.youkuaiyun.com/lsjlnd/article/details/44804167

版权

Web前端专栏收录该内容

8 篇文章

订阅专栏

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery 全选 反选 超简单示例</title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
</head>
<body>
<button name="checkAll">全选</button>
<button name="checkRevert">反选</button>
<br/>
<input type="checkbox" name="" value="" /><br/>
<input type="checkbox" name="" value="" /><br/>
<input type="checkbox" name="" value="" /><br/>
<input type="checkbox" name="" value="" /><br/>
<input type="checkbox" name="" value="" /><br/>
<input type="checkbox" name="" value="" /><br/>
<input type="checkbox" name="" value="" /><br/>
<input type="checkbox" name="" value="" /><br/>
<script>
$(function () {
	$('button[name="checkAll"]').bind('click', function () {
		$('input').prop('checked', true);
	});
	$('button[name="checkRevert"]').bind('click', function () {
		$('input').prop('checked', function(i, val) {
			return !val;
		});
	});
});
</script>
</body>
</html>