jq checkbox 的全选并ajax传参的实例


Posted in Javascript onApril 01, 2017

实例如下:

/全选按钮
  $("#all").click(function(){
    if(this.checked){  
      $(":checkbox").prop("checked", true);  
    }else{  
      $(":checkbox").removeAttr("checked");
    }

  });

  $("#form").on('click','.ids',function(){
    var chknum = $("input[name='ids']:checkbox").size();//选项总个数
    var chk = 0;
    $("input[name='ids']:checkbox:checked").each(function () {  
        chk++;
    });

    if(chknum==chk){//全选
      $("#all").prop("checked",true);
    }else{//不全选
      $("#all").removeAttr("checked");
    }
  });
  
  //上下架
   $('#form').on('click','.up,.down',function(){
    var my = $(this);     
    var val = my.data('status');
    var url = my.data('url');

    var valArr = new Array;
    $("input[name='ids']:checkbox:checked").each(function(i){
      valArr[i] = $(this).val();
    });
    var vals = valArr.join(',');

    
    $.ajax({
      url: my.data('url'),
      method: 'post',
      data: {
        status: val,
        ids:vals
      },
      success: function() {
        $("#all").removeAttr("checked");
        table.search();
      }
    });
  
  });

以上这篇jq checkbox 的全选并ajax传参的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
发一个自己用JS写的实用看图工具实现代码
Jul 26 Javascript
JavaScript中去掉数组中的重复值的实现方法
Aug 03 Javascript
js创建一个input数组并绑定click事件的方法
Jun 12 Javascript
JavaScript基础知识学习笔记
Dec 02 Javascript
js的window.showModalDialog及window.open用法实例分析
Jan 29 Javascript
jQuery实现的产品自动360度旋转展示特效源码分享
Aug 21 Javascript
谈谈JavaScript自定义回调函数
Oct 18 Javascript
Javascript removeChild()删除节点及删除子节点的方法
Dec 27 Javascript
创建基于Bootstrap的下拉菜单的DropDownList的JQuery插件
Jun 02 Javascript
微信二次分享报错invalid signature问题及解决方法
Apr 01 Javascript
Javascript类型判断相关例题及解析
Aug 26 Javascript
javascript实现京东快递单号的查询效果
Nov 30 Javascript
js实现音频控制进度条功能
Apr 01 #Javascript
ES6(ECMAScript 6)新特性之模板字符串用法分析
Apr 01 #Javascript
Linux CentOS系统下安装node.js与express的方法
Apr 01 #Javascript
原生JS实现九宫格抽奖效果
Apr 01 #Javascript
关于Node.js的events.EventEmitter用法介绍
Apr 01 #Javascript
ES6 Promise对象概念与用法分析
Apr 01 #Javascript
JavaScript中闭包的详解
Apr 01 #Javascript
You might like
PHP中4种常用的抓取网络数据方法
2015/06/04 PHP
解决php-fpm.service not found问题的办法
2017/06/06 PHP
SCP远程VPS快速搬家和WDCP升级php5.3安装memcached和eaccelerator教程
2017/07/27 PHP
PHP数据分析引擎计算余弦相似度算法示例
2017/08/08 PHP
Codeigniter里的无刷新上传的实现代码
2019/04/14 PHP
调试php程序的简单步骤
2019/10/04 PHP
使用隐藏的new来创建对象
2011/03/29 Javascript
javascript 实现 秒杀,团购 倒计时展示的记录 分享
2013/07/12 Javascript
js substring从右边获取指定长度字符串(示例代码)
2013/12/23 Javascript
jquery 获取 outerHtml 包含当前节点本身的代码
2014/10/30 Javascript
AngularJS入门教程(零):引导程序
2014/12/06 Javascript
node.js中使用socket.io制作命名空间
2014/12/15 Javascript
在JS方法中返回多个值的方法汇总
2015/05/20 Javascript
jQuery匹配文档链接并添加class的方法
2015/06/26 Javascript
JavaScript省市区三级联动菜单效果
2016/09/21 Javascript
jquery获取table指定行和列的数据方法(当前选中行、列)
2016/11/07 Javascript
深入对Vue.js $watch方法的理解
2017/03/20 Javascript
es6中使用map简化复杂条件判断操作实例详解
2020/02/19 Javascript
浅谈Vue 自动化部署打包上线
2020/06/14 Javascript
详细分析React 表单与事件
2020/07/08 Javascript
js闭包和垃圾回收机制示例详解
2021/03/01 Javascript
为Python程序添加图形化界面的教程
2015/04/29 Python
python 利用栈和队列模拟递归的过程
2018/05/29 Python
使用Python和OpenCV检测图像中的物体并将物体裁剪下来
2019/10/30 Python
Python实现爬取并分析电商评论
2020/06/19 Python
Python操作word文档插入图片和表格的实例演示
2020/10/25 Python
GoPro摄像机美国官网:美国运动相机厂商
2018/07/03 全球购物
学生个人求职自荐信格式
2013/09/23 职场文书
教师的实习自我鉴定
2013/12/17 职场文书
安全资金保障制度
2014/01/23 职场文书
彩色的非洲教学反思
2014/02/18 职场文书
广告学专业自荐信范文
2014/02/24 职场文书
大学生党员个人对照检查材料范文
2014/09/25 职场文书
2015年监理个人工作总结
2015/05/23 职场文书
2016年清明节寄语
2015/12/04 职场文书
2016大学生暑期三下乡心得体会
2016/01/23 职场文书