jquery实现简洁的全选反选删除代码
来源:原创
时间:2015-08-25
作者:脚本小站
分类:JS/JQuery
全选、反选、删除一行代码
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<script src="./jquery-1.7.2.min.js"></script>
</head>
<body>
<p><input id="test" type="checkbox"/>1</p>
<p><input type="checkbox"/>2</p>
<p><input type="checkbox"/>3</p>
<p><input type="checkbox"/>4</p>
<p><input type="checkbox"/>5</p>
<button>全选</button>
<button>反选</button>
<button>删除</button>
</body>
<script>
$('button:first').click(function (){
$(':checkbox').attr('checked',true);
}).next().click(function (){
$(":checkbox").map(function(){
$(this).attr('checked',!$(this).attr('checked'));
});
}).next().click(function (){
$(':checked').parent().remove();
});
</script>
</html>