ajax 提交 批量删除,jQuery+ajax实现批量删除功能完整示例

本文实例讲述了jQuery+ajax实现批量删除功能。分享给大家供大家参考，具体如下：

效果展示：

完整代码如下：

Ding Jianlong Html

批量删除

ID标题

10001标题110002标题210003标题310004标题410005标题5

/*批量选中的效果*/

$('input:checkbox[name="selectall"]').click(function(){

if($(this).is(':checked')){

$('input:checkbox').each(function(){

$(this).prop("checked",true);

});

}else{

$('input:checkbox').each(function(){

$(this).prop("checked",false);

});

}

});

/*获取ids,批量删除*/

function batch_del() {

var ids = '';

$('input:checkbox').each(function(){

if(this.checked == true){

ids += this.value + ',';

}

});

//layer.alert(ids);return;

//下面的ajax根据自己的情况写

layer.confirm('批量删除后不可恢复，谨慎操作！', {icon: 7, title: '警告'}, function (index) {

$.ajax({

type: 'POST',

url: '你的url地址?ids=' + ids,

data: {"1": "1"},

dataType: 'json',

success: function (data) {

if (data.code == 200) {

$(obj).parents("tr").remove();

layer.msg(data.message, {icon: 1, time: 1000});

} else {

layer.msg(data.message, {icon: 2, time: 3000});

}

},

error: function (data) {

console.log(data.msg);

},

});

});

}

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具：http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。

希望本文所述对大家jQuery程序设计有所帮助。