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功能函数代码
Jun 23 Javascript
javascript setTimeout和setInterval 的区别
Dec 08 Javascript
js中页面的重新加载(当前页面/上级页面)及frame或iframe元素引用介绍
Jan 24 Javascript
javascript中parentNode,childNodes,children的应用详解
Dec 17 Javascript
flash+jQuery实现可关闭及重复播放的压顶广告
Apr 15 Javascript
JavaScript中反正弦函数Math.asin()的使用简介
Jun 14 Javascript
JS延时提示框实现方法详解
Nov 26 Javascript
Bootstrap入门书籍之(五)导航条、分页导航
Feb 17 Javascript
JS组件Bootstrap ContextMenu右键菜单使用方法
Apr 17 Javascript
jQuery插件DataTable使用方法详解(.Net平台)
Dec 22 Javascript
JavaScript无缝滚动效果的实例代码
Mar 27 Javascript
微信小程序自定义prompt组件步骤详解
Jun 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和ACCESS写聊天室(五)
2006/10/09 PHP
php 修改、增加xml结点属性的实现代码
2013/10/22 PHP
CI框架入门示例之数据库取数据完整实现方法
2014/11/05 PHP
PHP xpath提取网页数据内容代码解析
2020/07/16 PHP
W3C Group的JavaScript1.8 新特性介绍
2009/05/19 Javascript
Javascript JSQL,SQL无处不在,
2010/05/05 Javascript
JS date对象的减法处理实现代码
2010/12/28 Javascript
一个关于javascript匿名函数的问题分析
2012/03/30 Javascript
jquery异步跨域访问代码
2013/06/28 Javascript
jQuery响应enter键的实现思路
2014/04/18 Javascript
jQuery在ul中显示某个li索引号的方法
2015/03/17 Javascript
简单理解JavaScript中的封装与继承特性
2016/03/19 Javascript
设置cookie指定时间失效(实例代码)
2017/05/28 Javascript
jquery基于layui实现二级联动下拉选择(省份城市选择)
2017/06/20 jQuery
vue.js简单配置axios的方法详解
2017/12/13 Javascript
jquery ajaxfileuplod 上传文件 essyui laoding 效果【防止重复上传文件】
2018/05/26 jQuery
vue中使用gojs/jointjs的示例代码
2018/08/24 Javascript
个人小程序接入支付解决方案
2019/05/23 Javascript
解决angular 使用原生拖拽页面卡顿及表单控件输入延迟问题
2020/04/21 Javascript
pandas 实现将重复表格去重,并重新转换为表格的方法
2018/04/18 Python
python多进程实现文件下载传输功能
2018/07/28 Python
python 常见字符串与函数的用法详解
2018/11/23 Python
使用python Telnet远程登录执行程序的方法
2019/01/26 Python
Python使用统计函数绘制简单图形实例代码
2019/05/15 Python
python Opencv计算图像相似度过程解析
2019/12/03 Python
Python如何把多个PDF文件合并代码实例
2020/02/13 Python
Anaconda+VSCode配置tensorflow开发环境的教程详解
2020/03/30 Python
Desigual英国官网:在线购买原创服装
2018/03/09 全球购物
信号量和自旋锁的区别?如何选择使用?
2015/09/08 面试题
楼面部长岗位职责范本
2014/02/14 职场文书
幼儿园家长安全责任书
2014/07/22 职场文书
银行员工犯错检讨书
2014/09/16 职场文书
党的群众路线学习笔记
2014/11/06 职场文书
2015年秋季小学开学标语
2015/07/16 职场文书
人身损害赔偿协议书
2016/03/22 职场文书
导游词之广东佛山(南风古灶)
2019/09/24 职场文书