位置: 编程技术 - 正文

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上传图片并预览)

  • 娱乐行业缴纳的税收
  • 工商年报纳税总额怎么算
  • 怎么在电子税务局添加银行账户
  • 生产企业出售空调设备
  • 企业的银行存款
  • 已发货未收款怎么做会计分录
  • 房地产企业契税税率是多少
  • 货物已到发票未到怎么做账
  • 预计负债收回的会计分录
  • 代扣代缴城建税可以享受六税两费
  • 外请人员所发生的费用怎么做账
  • 私车公用产生的过路费怎么开发票
  • 工企业用地土地使用税怎么征收?
  • 无票销售纳税后怎么处理
  • 商户办会员卡 商场承担责任
  • 应交税金明细账余额怎么算
  • 普通发票计量单位没填
  • 劳务税在地税局开还是国税局
  • 汇算清缴时多缴的企业所得税怎么做会计分录
  • 金蝶软件不审核直接过账
  • 税控盘的抵扣怎么填
  • 自定义输入是什么
  • php怎么输出汉字
  • 外贸企业进项税额转出
  • 纳税人转让不动产增值税征收管理暂行办
  • 月末结转本月发生的各种费用会计分录
  • PHP:finfo_buffer()的用法_fileinfo函数
  • php curd
  • 跨年的材料票可以抵扣吗
  • 报废车怎么走流程
  • 采购周转材料会计分录怎么写
  • 转让旧固定资产增值税例题
  • vue父组件怎么调用子组件的方法
  • 数据库arc文件
  • 工伤事故赔偿款分配
  • 与取得收入无关的费用支出可以扣除吗
  • 技术研发费用包括哪些
  • 小规模纳税人如何开专票
  • spring整合mongodb
  • 个税由公司承担怎么计算工资
  • 三证合一后个体交税吗
  • 一般纳税人技术服务费几个点
  • 什么叫做应税劳务
  • 车船税和保险在一张发票怎么做账
  • sql2008数据库维护计划
  • mysql 自动重启
  • 小微企业有什么优惠政策
  • 销售退回怎么办
  • 车辆处置缴纳增值税税率
  • 公司用现金支付货款
  • 一般纳税人开红字专用发票流程
  • 受疫情影响较大的上市公司有哪些
  • 未确认收入的会计分录
  • 所得税需要转本吗
  • 小微企业营业外收入二级科目怎么
  • 结转公允价值变动
  • 进项税额被转出怎么做账
  • 公司买空调算什么费用
  • 解除非正常户罚款调整操作
  • mac怎么共享wifi密码给iphone
  • 使用筷子就餐会不会传染乙肝病毒
  • windows7 设置
  • linux 命令大全
  • xp系统关机没反应怎么办
  • win10搜索不到无线网卡
  • linux防病毒措施
  • 浅析学校德育的个体智能发展功能
  • 了不起的女孩
  • vue数组里面添加数组
  • jquery 右键菜单
  • jquery 鼠标
  • JavaScript中的NaN代表什么
  • javascript学习指南
  • 原生js常用的方法
  • js调用失败
  • 税收预测的内容
  • 公司买水果怎么开票
  • 土地流转需要什么材料
  • 惠州市公交车投诉平台
  • 年度汇算清缴计算
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设