基于php(Thinkphp)+jquery 实现ajax多选反选不选删除数据功能

建议有js基础,了解jquery,thinkphp,废话不说多下面就上代码《————HTML————》//thinkphp循

建议有js基础,了解jquery,thinkphp,废话不说多下面就上代码

《————HTML————》

//thinkphp循环显示把data里fid赋予多选框
<volist name="data" id="vo">
<tr>
 <td><input type="checkbox" value="{$vo.fid}"/></td>//可在后面加td输入参数 
</tr>
</volist>
<tr>
<th width="80"><input type="checkbox" id="all"/>全选</th>
<th width="80"><input type="button" value="全选" class="btn" id="selectAll" /></th>
<th width="80"><input type="button" value="全不选" class="btn" id="unSelect" /></th>
<th><input type="button" value="反选" class="btn" id="reverse" /></th> 
<th width="180">
 <a href="javascript:void(0);" rel="external nofollow" onclick="del()" title="删除选定数据">删除</a>
</th> 
</tr>

《————jsvascript————》

<script>
 //多选
 $("#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,#all").attr("checked", 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);
 }
 });
 }
 }
 }
</script>

 《————PHP————》

public function faculty_del(){
 $fid = trim($_POST['name']);
 //以下为查询条件
 $bname['deletemark'] = 0;
 $res = $this->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多选反选不选删除数据功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！