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 

相关文章： 建站之星代理如何优化在线客服效率？  如何确保FTP站点访问权限与数据传输安全？  如何在服务器上三步完成建站并提升流量？  c++23 std::expected怎么用 c++优雅处理函数错误返回【详解】  网站制作与设计教程,如何制作一个企业网站，建设网站的基本步骤有哪些？  可靠的网站设计制作软件,做网站设计需要什么样的电脑配置？  如何在IIS中新建站点并配置端口与IP地址？  大连网站制作费用,大连新青年网站，五年四班里的视频怎样下载啊？  C++中引用和指针有什么区别？（代码说明）  网站制作公司哪里好做,成都网站制作公司哪家做得比较好，更正规？  制作电商网页,电商供应链怎么做？  建站之星好吗？新手能否轻松上手建站？  宝盒自助建站智能生成技巧：SEO优化与关键词设置指南  安徽网站建设与外贸建站服务专业定制方案  如何通过老薛主机一键快速建站？  高防服务器租用如何选择配置与防御等级？  PHP正则匹配日期和时间(时间戳转换)的实例代码  网站制作价目表怎么做,珍爱网婚介费用多少？  天津个人网站制作公司,天津网约车驾驶员从业资格证官网？  上海网站制作开发公司,上海买房比较好的网站有哪些？  如何快速搭建高效服务器建站系统？  成都网站制作价格表,现在成都广电的单独网络宽带有多少的，资费是什么情况呢？  清除minerd进程的简单方法  C++如何将C风格字符串（char*）转换为std::string？（代码示例）  如何通过商城自助建站源码实现零基础高效建站？  logo在线制作免费网站在线制作好吗,DW网页制作时，如何在网页标题前加上logo？  外汇网站制作流程,如何在工商银行网站上做外汇买卖？  建站之星图片链接生成指南：自助建站与智能设计教程  如何通过wdcp面板快速创建网站？  如何高效利用亚马逊云主机搭建企业网站？  学校为何禁止电信移动建设网站？  企业网站制作费用多少,企业网站空间一般需要多大，费用是多少？  建站之星ASP如何实现CMS高效搭建与安全管理？  C#如何使用XPathNavigator高效查询XML  高性能网站服务器部署指南：稳定运行与安全配置优化方案  制作无缝贴图网站有哪些,3dmax无缝贴图怎么调？  如何通过NAT技术实现内网高效建站？  网站制作模板下载什么软件,ppt模板免费下载网站？  建站之星后台管理如何实现高效配置？  已有域名和空间，如何快速搭建网站？  如何撰写建站申请书？关键要点有哪些？  实现点击下箭头变上箭头来回切换的两种方法【推荐】  大连网站制作公司哪家好一点,大连买房网站哪个好？  建站之星下载版如何获取与安装？  如何快速查询域名建站关键信息？  标准网站视频模板制作软件,现在有哪个网站的视频编辑素材最齐全的，背景音乐、音效等？  高防服务器：AI智能防御DDoS攻击与数据安全保障  教程网站设计制作软件,怎么创建自己的一个网站？  如何配置WinSCP新建站点的密钥验证步骤？  外贸公司网站制作,外贸网站建设一般有哪些步骤？