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("请勾选");
}
})
$("#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("请勾选");
}
})
相关文章推荐
- JQuery实现下拉框的选择 与当CheckBox为服务器控件时如何获取值的操作,实现全选与删除
- jQuery全选删除
- JQuery全选,反选,批量删除
- Jquery 实现动态添加table tr 和删除tr 以及checkbox的全选 和 获取添加TR删除TR后的数据
- YII2 jquery全选 反选 全不选 批量删除 分页
- Jquery 的 添加 全选 删除 全删
- 【原创】jquery-左勾选(checkbox单选/全选) 选到 右列表(删除) -数组+clone-经典全面版本
- jQuery全选全不选 批量删除
- jquery实现全选、反选以及删除、添加等功能
- Jquery 1.8全选反选删除选中项实现
- jquery全选和取消全选,单个删除和批量删除
- Jquery--------全选(选中后可删除)
- jQuery、html、JavaScript实现全选、反选、批量删除
- jQuery、html、JavaScript实现全选、反选、批量删除
- jquery table表格添加删除数据(含批量删除,全选全不选和简单的表单验证)
- 使用JQuery实现全选、反选、添加和删除功能
- Linq + Jquery + Ajax 实现异步分页,批量删除,单个删除,全选,反选 ……
- js+jQuery获取全选并用ajax进行批量删除
- jquery checkbox全选删除
- jQuery(删除,添加,批量删除,全选,全不选)案例