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 相关文章推荐
关于__defineGetter__ 和__defineSetter__的说明
May 12 Javascript
document.documentElement && document.documentElement.scrollTop
Dec 01 Javascript
iframe 自适应高度[在IE6 IE7 FF下测试通过]
Apr 13 Javascript
js有关元素内容操作小结
Dec 20 Javascript
asp.net中System.Timers.Timer的使用方法
Mar 20 Javascript
批量实现面向对象的实例代码
Jul 01 Javascript
jQuery拖动div、移动div、弹出层实现原理及示例
Apr 08 Javascript
mvc中form表单提交的三种方式(推荐)
Aug 10 Javascript
解决JS内存泄露之js对象和dom对象互相引用问题
Jun 25 Javascript
基于JavaScript中标识符的命名规则介绍
Jan 06 Javascript
Vue动态获取width的方法
Aug 22 Javascript
微信小程序实现横向滚动导航栏效果
Dec 12 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实现的功能是显示8条基色色带
2006/10/09 PHP
PHP执行Curl时报错提示CURL ERROR: Recv failure: Connection reset by peer的解决方法
2014/06/26 PHP
thinkphp3.x中cookie方法的用法分析
2016/05/19 PHP
PHP判断文件是否被引入的方法get_included_files用法示例
2016/11/29 PHP
微信公众号开发之获取位置信息php代码
2018/06/13 PHP
TP5框架安全机制实例分析
2020/04/05 PHP
几个javascript操作word的参考代码
2009/10/26 Javascript
jQuery关键词说明插件cluetip使用指南
2015/04/21 Javascript
JavaScript的MVVM库Vue.js入门学习笔记
2016/05/03 Javascript
jquery常用的12个小功能
2016/07/22 Javascript
jQuery实现表格行和列的动态添加与删除方法【测试可用】
2016/08/01 Javascript
javascript计算渐变颜色的实例
2017/09/22 Javascript
修改UA在PC中访问只能在微信中打开的链接方法
2017/11/27 Javascript
一百行JS代码实现一个校验工具
2019/04/30 Javascript
JavaScript中this函数使用实例解析
2020/02/21 Javascript
PHP读取远程txt文档到数组并实现遍历
2020/08/25 Javascript
javascript 数组(list)添加/删除的实现
2020/12/17 Javascript
python中assert用法实例分析
2015/04/30 Python
Python使用回溯法子集树模板解决迷宫问题示例
2017/09/01 Python
对python中的pop函数和append函数详解
2018/05/04 Python
tensorflow实现逻辑回归模型
2018/09/08 Python
详解python深浅拷贝区别
2019/06/24 Python
python3 实现爬取TOP500的音乐信息并存储到mongoDB数据库中
2019/08/24 Python
python socket通信编程实现文件上传代码实例
2019/12/14 Python
浅谈Python程序的错误:变量未定义
2020/06/02 Python
使用CSS实现阅读进度条
2017/02/27 HTML / CSS
保险专业自荐信范文
2014/02/20 职场文书
陈欧的广告词
2014/03/18 职场文书
领导干部廉政承诺书
2014/03/27 职场文书
授权委托书样本
2014/09/25 职场文书
2015年人民调解工作总结
2015/05/18 职场文书
推销搭讪开场白
2015/05/28 职场文书
Mysql分库分表之后主键处理的几种方法
2022/02/15 MySQL
python实现简单的三子棋游戏
2022/04/28 Python
一篇文章带你掌握SQLite3基本用法
2022/06/14 数据库
MySQL实现字段分割一行转多行的示例代码
2022/07/07 MySQL