基于php(Thinkphp)+jquery 实现ajax多选反选不选删除数据功能
发布时间：2020-12-14 14:07:23 所属栏目：大数据 来源：网络整理
导读：建议有js基础,了解jquery,thinkphp,废话不说多下面就上代码 《————HTML————》 《————jsvascript————》 《————PHP————》 faculty_model ->where(array('fid'=>array('in',$fid))) ->save($bname); //查询条件为你的查询条件，我这边
|
建议有js基础,了解jquery,thinkphp,废话不说多下面就上代码 《————HTML————》
|
|
|
| 《————jsvascript————》
//多选
$("#all").click(function(){
if(this.checked){
$("#list :checkbox").attr("checked",true);
}else{
$("#list :checkbox").attr("checked",false);
}
});
//当点到全选按钮
$("#selectAll").click(function () {
$("#list :checkbox,#all").attr("checked",true);
});
//全不选
$("#unSelect").click(function () {
$("#list :checkbox,false);
});
//反选
$("#reverse").click(function () {
$("#list :checkbox").each(function () {
$(this).attr("checked",!$(this).attr("checked"));
});
allCheck();
});
//删除
function del(){
var valArr = new Array;
$("#list :checkbox[checked]").each(function(i){
valArr[i] = $(this).val();
});
var vals = valArr.join(',');//数组转换以逗号隔开的字符串
if (valArr.length == 0) {
alert('请选择要删除的选项');
}else{
if (confirm("确定删除？删除后将无法恢复。")){
var data={name:vals};
$.ajax({
type: "post",url: "{:U('College/School/faculty_del')}",//url为tp方法（控制器/方法）
data:data,success: function(json) {
var obj = eval('(' + json + ')');//返回回来的json转化为js对象
if (parseInt(obj.counts) > 0) {
alert(obj.des);
location.reload();
} else {
alert(obj.des);
}
},error: function(XMLHttpRequest,textStatus) {
alert("页面请求错误，请检查重试或联系管理员！n" + textStatus);
}
});
}
}
}
《————PHP————》 faculty_model
->where(array('fid'=>array('in',$fid)))
->save($bname);
//查询条件为你的查询条件，我这边为逻辑删除，修改字段值就好
// echo $this->faculty_model->getLastSql();
// var_dump($res);
// exit;
if ($res) {
$counts = "1";
$des = "成功";
} else {
$counts = "0";
$des = "失败";
}
$json_data = "{";
$json_data.= ""counts":".json_encode($counts).",";
$json_data.= ""des":".json_encode($des)."";
$json_data.= "}";
echo $json_data;
exit;
}
由于是异步所以你发过来的数据都在控制台查看，当前页面没输出，不要去页面上去找。 以上所述是小编给大家介绍的基于php(Thinkphp)+jquery 实现ajax多选反选不选删除数据功能，希望对大家有所帮助。程序员遇到问题都会上（编程之家52php.cn）查找问题解答方法！如果觉得站点还不错，随手转发给程序员朋友一下！ （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |