基于php(Thinkphp)+jquery 实现ajax多选,反选,不选 删除数据 新手学习向
jquery多选源码来源素材火http://www.sucaihuo.com/
(有什么问题可以私本人邮箱1428937236@qq.com,也可加qq来时表明来意即可)
建议有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);" 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多选,反选,不选 删除数据 新手学习向的更多相关文章
- 基于Bootstrap使用jQuery实现输入框组input-group的添加与删除-改进版
上一次说到了基于Bootstrap使用jQuery实现输入框组input-group的添加与删除 ,初始状态下只有一个输入框组,可以通过点击输入框组的右侧“+”(或自定义的文字)可以在原输入框组的下面 ...
- [ 转 ]jquery的ajax和getJson跨域获取json数据
目前浏览器端跨域访问常用的两种方法有两种: 1.通过jQuery的ajax进行跨域,这其实是采用的jsonp的方式来实现的. jsonp是英文json with padding的缩写.它允许在服务器端 ...
- jquery的ajax和getJson跨域获取json数据
目前浏览器端跨域访问常用的两种方法有两种: 1.通过jQuery的ajax进行跨域,这其实是采用的jsonp的方式来实现的. jsonp是英文json with padding的缩写.它允许在服务器端 ...
- jQuery实现全选/反选和批量删除
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncod ...
- JQ实现复选框的全选反选不选
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- 利用jquery进行ajax提交表单和附带的数据
1.获取表单数据: $form.serialize() 2.附带数据:input[status]=1 3.构造url链接:url = $form.attr('action') + '?input[st ...
- WPF DataGrid CheckBox 多选 反选 全选
效果图 实现此效果的必要关键是 Style+DataTemplate 关键代码: <Window.Resources> <DataTemplate x:Key="Check ...
- vue实现单选多选反选全选全不选
单选 当我们用v-for渲染一组数据的时候,我们可以带上index以便区分他们我们这里利用这个index来简单地实现单选 <li v-for="(item,index) in radi ...
- wpf--------------datagrid全选反选 多选进行删除操作 前后台
前台绑定 <DataGrid.Columns> <DataGridTemplateColumn > <DataGridTemplateColumn.HeaderTempl ...
随机推荐
- Linux内核配置浅析
1.Linux Kernel Kconfig系统的基本结构 Linux内核的配置系统由三个部分组成,分别是: 1>.Makefile:分布在 Linux 内核源代码根目录及各层目录中,定义 Li ...
- 程序员需要有多懒 ?- cocos2d-x 数学函数、常用宏粗整理 - by Glede
最近我们的cocos2d-x游戏项目已经进入了正式开发的阶段了,几个dev都辛苦码代码.cocos2d-x还是一套比较方便的api的,什么action啊.director啊.ccpoint啊都蛮便捷的 ...
- ios数据存储——数据库:SQlite3以及第三方库FMDB
[reference]http://blog.csdn.net/mad1989/article/details/9322307 原生数据库:SQlite3 一.必备条件 在ios项目中使用sqlite ...
- MVC+Repository+UOW+EntityFrmeWork的使用
1.首先创建一个空的MVC3应用程序,命名为MyRepository.Web,解决方案命名为MyRepository. 2.添加一个类库项目,命名为MyRepository.DAL,添加一个文件夹命名 ...
- shell 脚本连接mysql数据库查询database中表的数量和表名
#!/bin/bash MYSQLHOST="127.0.0.1" MYSQLUSER="root" MYSQLPWD="root" MYS ...
- 【拓扑排序】【线段树】Gym - 101102K - Topological Sort
Consider a directed graph G of N nodes and all edges (u→v) such that u < v. It is clear that this ...
- CMake Tutorial
1.最简实例 使用cmake的最简实例是由一个源程序文件生成一个可执行文件.例如由下述C++源程序文件生成可执行文件tutorial. main.cpp #include<iostream> ...
- 【MongoDb基础】插入数据
以mydb为事例数据库. 切换到mydb数据库. use mydb 1. insert函数. db.users.insert({name:"Derek",age:18}) 该函数会 ...
- freemarker配置,使用
最近在项目中用到freemarker,总是报一些莫名其妙的错误. 调查得知是由于在配置文件中属性[tag_syntax]的设置问题,我们的环境下该属性(auto_detect)默认设置了自动检测,也就 ...
- TortoiseSVN使用简介
TortoiseSVN使用简介 2009-04-24 来源: dev.idv.tw 1.安装及下载client 端 2.什么是SVN(Subversion)? 3.为甚么要用SVN? 4.怎么样在Wi ...