位置: 编程技术 - 正文

jQuery实现checkbox即点即改批量删除及中间遇到的坑

编辑:rootadmin

推荐整理分享jQuery实现checkbox即点即改批量删除及中间遇到的坑,希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:,内容如对您有帮助,希望把文章链接给更多的朋友!

最近要用jQuery实现一个批量删除操作,效果如下图

最终页面page.html,此页面使用了bootstrap和jQuery,如果没有需要下载一下

上图的操作主要需要两个操作:

一、当checkBox点击时进行选中计数(带坑)。

二、当点击批量删除时,拼接选中单位的id,传递给个后台。

初看一下,感觉这些很好实现,并且实现的方法很多。当初我也是这么认为的,结果搞了一个上午.......,接下来就看看jQuery的一些坑。

我开始想法是每次点击checkBox时,对所有的checkBox进行each()遍历,如果是勾选状态就将Num++,最后将num的值赋给批量删除的数字小标签,顺便把id也拼接了。

当这段代码触发时,却发现一个诡异的现象:这段代码会在勾选效果前先触发。类似于beforeClick(),所以当代码遍历时,无法获取当前的勾选状态。

jQuery实现checkbox即点即改批量删除及中间遇到的坑

就这个问题,我在网上找了半天答案,硬是不知道如何解决,什么mouseup()都用了一下,都是beforeClick的效果。

最后我使用了另一种写法。

  成功运行出效果!

结论:

  在click()中使用input[type=[checkbox]:checked]选择器获得勾选元素时,得到的就是勾选后的结果afterclick()。

  而使用.each()遍历时,获取的是勾选前的效果beforeclick。

  为什么一个click函数里,能得出beforeclick和aferclick两种效果?

  坑哭......

总结

以上所述是小编给大家介绍的jQuery实现checkbox即点即改批量计数及中间遇到的坑,希望对大家有所帮助,如果大家有任何疑问欢迎各我留言,小编会及时回复大家的!

JQ图片文件上传之前预览功能的简单实例(分享) 1、先准备一个divonchange触发事件inputtype="file"onchange="preview(this)"/spandivid="preview"/div2、写JS代码//上传图片之前预览图片functionpreview(file){if(file.files&&file.files

jQuery除指定区域外点击任何地方隐藏DIV功能 具体代码如下所示:$('body').click(function(e){vartarget=$(e.target);//如果#overlay或者#btn下面还有子元素,可使用//!target.is('#btn*')&&!target.is('#overlay*')if(!target.is('#bt

前端html中jQuery实现对文本的搜索功能并把搜索相关内容显示出来 做项目的时候有这么一个需求,客户信息显示出来后我要搜索查找相关的客户,并把相关的客户信息全部显示出来,因为一个客户全部信息我写在一个di

标签: jQuery实现checkbox即点即改批量删除及中间遇到的坑

本文链接地址:https://www.jiuchutong.com/biancheng/370352.html 转载请保留说明!

上一篇:浅谈jquery中ajax跨域提交的时候会有2次请求的问题

下一篇:JQ图片文件上传之前预览功能的简单实例(分享)(jquery上传图片并预览)

  • 律师事务所个人所得税如何计算
  • 增值税留抵退税是什么意思
  • 涉及免所得税及减半所得税的业务如何做账
  • 出口货物关税完税价格
  • 不动产销售额怎么填
  • 汇算清缴调表不调账调的是哪张表
  • 人力资源的差额征收怎么报企业所得税
  • 对公账户发工资怎么操作
  • 职工福利费开了没有发票
  • 资本公积什么时候做账
  • 现金收货款要填什么单子
  • 原材料变成半成品
  • 收到假钱的会计分录
  • 公司组织游玩员招聘
  • 地质勘察费用应由谁支付
  • 三证合一后还要去税务局吗
  • 对公提回款是什么意思
  • 小规模纳税人开票额度
  • 无形资产属于什么行业
  • 实收资本印花税最新政策2023年
  • 应收账款确认无法收回
  • 农副产品免税怎么报税
  • 小规模企业低值易耗品摊销方法
  • 有现金折扣的采购业务全流程
  • 货币资金包括哪些
  • 如何维护电脑系统安全?
  • 小规模纳税人的专票可以抵税吗
  • 提升一下网速
  • 如何在电脑管家里把健康小程序提取出
  • window10切换win7
  • 传递优化的作用
  • mac osx10.11
  • 小规模纳税企业在应交增值税明细科目
  • 摊余成本计量的金融资产若溢价购买小于
  • three.js 教程
  • html简单的游戏
  • 一般纳税人企业所得税如何计算
  • 大前端最新
  • download github
  • remote远程
  • 查补税款
  • 怎么查看代理记账协议终止情况
  • 融资租赁怎么计税
  • 营销策划费会计分录
  • 一个例子解释唯物辩证法三大规律
  • 中国互联网创业成功的年轻人
  • 金税盘的服务费
  • 成本和费用有着根本的区别
  • 合理损耗应计入成本吗
  • 公司贷款可以转私户吗
  • 5万元买二手车什么品牌比较好
  • 长期待摊费用在注会哪一章
  • 简易征收怎么申报
  • 实报实销有补贴嘛
  • 什么叫发票分割单
  • 速动比率多少合适 视频
  • 企业预提费用是什么科目
  • 商业企业费用的计算方法
  • 技巧步骤
  • 两种方法解决一年级看图问题
  • unix系统什么样子
  • centos5安装步骤
  • macbook程序在哪
  • 更换主板也不用换硅脂吗
  • 用jquery实现隔行变色
  • 飞行歌曲
  • pycharm如何使用
  • javascriptfor循环九九乘法表
  • 在javascript中关于alert confirm
  • javascript视频教程
  • javascript简单代码
  • python数据类型有什么用
  • JavaScript弹出窗口
  • 自定义view的基本流程
  • 国税和地税比例
  • 深圳小微企业税收优惠政策2023
  • 减免性质代码是什么意思
  • 我国就业制度的演变
  • 减免税的三种方式
  • 放管服中的服的深层含义
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设