html代码“
<div class="box">
<ul>
<li><input type="checkbox" /> 少小离家胖了回</li>
<li><input type="checkbox" /> 乡音无改肉成堆</li>
<li><input type="checkbox" /> 儿童相见不相识</li>
<li><input type="checkbox" /> 笑问胖子你是谁</li>
</ul>
<div>
<input type="button" class="seleAll" value="全选" />
<input type="button" class="reverse" value="反选" />
<input type="button" class="op" value="全不选" />
<input type="button" class="del" value="删除" />
</div>
</div>jquery代码
//全选
$(".seleAll").on("click",function(){
var oin=$("input[type=\'checkbox\']")
oin.each(function(){
$(this).prop("checked",true)
})
})
//全不选
$(".op").on("click",function(){
var oin=$("input[type=\'checkbox\']")
oin.each(function(){
$(this).prop("checked",false)
})
})
// 反选
$(".reverse").on("click",function(){
// 获取节点
var oin=$("input[type=\'checkbox\']")
oin.each(function(){
this.checked=!this.checked
})
})
// 批量删除
$(".del").on("click",function(){
var sele=$(":checkbox:checked")
if (sele.length>0) {
sele.each(function(){
$(this).parent().remove()
})
} else{
alert("至少选一个数据")
}
})