基于Thinkphp和jquery实现ajax多选反选不选删除数据的功能
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了基于Thinkphp和jquery实现ajax多选反选不选删除数据的功能,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2987字,纯文字阅读大概需要5分钟。
内容图文
这篇文章主要介绍了基于php(Thinkphp)+jquery 实现ajax多选反选不选删除数据功能的相关资料,需要的朋友可以参考下建议有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中文网!
相关推荐:
thinkPHP3.2.3结合Laypage实现分页功能
ThinkPHP和Ajax 实现二级联动的下拉菜单
基于反ajax推送,PHP实现的消息实时推送功能
以上就是基于Thinkphp和jquery 实现ajax多选反选不选删除数据的功能的详细内容,更多请关注Gxl网其它相关文章!
内容总结
以上是互联网集市为您收集整理的基于Thinkphp和jquery实现ajax多选反选不选删除数据的功能全部内容,希望文章能够帮你解决基于Thinkphp和jquery实现ajax多选反选不选删除数据的功能所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。