您的位置:首页 > Web前端 > JQuery

jquery全选/反选/批量删除

2017-11-13 19:58 148 查看
//全选

$("#quan").change(function(){
if(this.checked){
$("td [name=xuan]").prop("checked",true);
}else{
$("td [name=xuan]").prop("checked",false);
}
});

//反选

$("#isck").click(function(){
var $ck = $("[name=xuan]");//找到name属性为xuan的复选框
for(var i = 0;i<$ck.length;i++){
/*if($ck[i].checked){
$ck[i].checked = false;
}else{
$ck[i].checked = true;
}*/
$ck[i].checked = !$ck[i].checked;//反选
}
});

//批量删除:找到所有被选中的复选框,进行遍历,根据复选框找到父节点将其删除
$("#alldel").click(function(){
var $len = $("td input[name=xuan]:checked").length;
if($len>0){
var $xzelements = $("td input[name=xuan]:checked")
for(var i=0;i<$len;i++){
$xzelements[i].parentNode.parentNode.remove();
}
$("#quan").prop("checked",false);//删除后给全选框去勾
}else{
alert("请勾选");
}
})
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: