首页 > 语言 > PHP > 正文

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

2024-05-04 23:55:28
字体:
来源:转载
供稿:网友

建议有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()"    //多选    $("#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多选反选不选删除数据功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对VeVb武林网网站的支持!


注:相关教程知识阅读请移步到PHP教程频道。
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选