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

实例如下：

/全选按钮
  $("#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传参的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。

# jq  # checkbox  # 全选  # jQuery实现CheckBox全选、全不选功能  # jQuery Checkbox 全选 反选的简单实例  # jQuery实现checkbox列表的全选、反选功能  # 基于jQuery的checkbox全选问题分析  # jQuery对checkbox 复选框的全选全不选反选的操作  # jQuery实现checkbox全选的方法  # JQuery选中checkbox方法代码实例（全选、反选、全不选）  # Jquery 实现checkbox全选方法  # jquery中checkbox全选失效的解决方法  # jquery操作checkbox实现全选和取消全选  # jquery、js操作checkbox全选反选  # 给大家  # 希望能  # 这篇  # 小编  # 大家多多  # 下架  # checked  # function  # click  # true  # removeAttr  # form  # prop  # ids  # color  # ccffcc  # background  # span 

相关文章： 如何快速搭建高效服务器建站系统？  在线制作视频网站免费,都有哪些好的动漫网站？  TestNG的testng.xml配置文件怎么写  视频网站app制作软件,有什么好的视频聊天网站或者软件？  建站主机与服务器功能差异如何区分？  零基础网站服务器架设实战：轻量应用与域名解析配置指南  制作ppt免费网站有哪些,有哪些比较好的ppt模板下载网站？  如何基于云服务器快速搭建个人网站？  如何通过远程VPS快速搭建个人网站？  建站主机解析：虚拟主机配置与服务器选择指南  商务网站制作工程师,从哪几个方面把握电子商务网站主页和页面的特色设计？  外汇网站制作流程,如何在工商银行网站上做外汇买卖？  如何快速登录WAP自助建站平台？  如何在万网主机上快速搭建网站？  济南网站制作的价格,历城一职专官方网站？  如何制作网站标识牌,动态网站如何制作（教程）？  Swift开发中switch语句值绑定模式  动图在线制作网站有哪些,滑动动图图集怎么做？  网站制作大概要多少钱一个,做一个平台网站大概多少钱？  为什么Go需要go mod文件_Go go mod文件作用说明  详解ASP.NET 生成二维码实例（采用ThoughtWorks.QRCode和QrCode.Net两种方式）  建站之星代理费用多少？最新价格详情介绍  如何快速重置建站主机并恢复默认配置？  宝塔新建站点为何无法访问？如何排查？  如何配置FTP站点权限与安全设置？  青浦网站制作公司有哪些,苹果官网发货地是哪里？  如何通过虚拟主机快速搭建个人网站？  IOS倒计时设置UIButton标题title的抖动问题  如何在七牛云存储上搭建网站并设置自定义域名？  网站制作服务平台,有什么网站可以发布本地服务信息？  音响网站制作视频教程,隆霸音响官方网站？  北京企业网站设计制作公司,北京铁路集团官方网站？  简单实现Android文件上传  Python lxml的etree和ElementTree有什么区别  建站之星五站合一营销型网站搭建攻略，流量入口全覆盖优化指南  图册素材网站设计制作软件,图册的导出方式有几种？  ,制作一个手机app网站要多少钱？  网站制作企业,网站的banner和导航栏是指什么？  建站之星如何开启自定义404页面避免用户流失？  如何高效完成独享虚拟主机建站？  建站之星如何修改网站生成路径？  开源网站制作软件,开源网站什么意思？  如何在阿里云通过域名搭建网站？  电商网站制作价格怎么算,网上拍卖流程以及规则？  建站之星2.7模板：企业网站建设与h5定制设计专题  Python多线程使用规范_线程安全解析【教程】  详解免费开源的.NET多类型文件解压缩组件SharpZipLib（.NET组件介绍之七）  免费网站制作模板下载,除了易企秀之外还有什么H5平台可以制作H5长页面，最好是免费的？  手机钓鱼网站怎么制作视频,怎样拦截钓鱼网站。怎么办？  武汉网站如何制作,黄黄高铁武穴北站途经哪些村庄？