位置: 编程技术 - 正文

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

  • 什么是简易征税项目
  • 捐赠支出纳税调减
  • 经营租赁增值税税率3%
  • 税盘收费吗
  • 独资企业的个人所得税怎么缴纳
  • 停车位划线套什么定额
  • 汇兑损益一般是多少
  • 一般纳税人拿到小规模的专票
  • 计划成本下存货盘盈
  • 汇总记账凭证核算组织程序的缺点主要有
  • 增值税税率如何计算
  • 企业所得税研发费用怎么填
  • 分税制的内容有哪些?
  • 抵押贷款合同印花税怎么算
  • 有现金折扣方式有哪些
  • 总公司给分公司开发票
  • 电子普通发票入账规则
  • 内帐怎么做增值税处理
  • 民办非企业是否可以出资设立公司
  • 增值说税率怎么计算
  • 生活垃圾处理项目基础金融产品包括
  • 非高新企业研发费用加计扣除的条件
  • 外贸出口支付方式
  • 企业个税网上申报时间
  • 以前年度记账错误
  • 鸿蒙系统大文件夹怎么调节大小
  • 施工企业会计制度有哪些
  • 收到无偿划拨的股权如何入账
  • 哪些情况下可以终止心肺复苏
  • 固定资产报废怎么处理
  • 代扣的工会会费怎么做账
  • sdstat.exe - sdstat是什么进程 有什么用
  • php字符串数组函数
  • 无形资产初始计量的表述
  • 进口应税消费品的组成计税价格公式
  • 股东已转让股权还可以追究出资吗
  • lnmgr.exe是什么
  • 进程process
  • 新制度下财政拨款是什么
  • fsma32.exe进程是什么文件 fsma32是什么进程
  • 'The Wave' sandstone formation in Coyote Buttes North, Paria Canyon-Vermilion Cliffs National Monument, Arizona (© Dennis Frates/Alamy)
  • vue项目上线教程
  • 新准则有哪些
  • 房屋土地使用权到期后续费标准
  • burp怎么安装
  • framework3.5怎么打开
  • gcm文件
  • Java多线程(6):锁与AQS(中)
  • js 字符串 中 字符位置
  • 实际库存小于账面库存
  • 复核人和收款人一样了怎么办
  • 单位买的空调计入什么科目
  • 成本法的处置
  • 进项税额转出是借方科目还是贷方科目
  • 购入房产会计记账凭证怎么做
  • 开票软件服务费全额抵扣怎么做账
  • 一张凭证上可以写多个摘要吗
  • 合同里包括产品和服务吗
  • 调整其他应付款作为收入
  • 企业购车购置税怎么算
  • 收到增值税专用发票是进项还是销项
  • 申请开立基本存款账户时,银行应按照
  • 营业执照可以变更名字和经营范围吗
  • 明细账的设置与登记
  • 三星笔记本预装win8改win7好吗
  • ubuntu怎么播放视频
  • win1020h2正式版下载
  • windows 10微软
  • win7旗舰版提示不是正版
  • win7系统如何调节屏幕亮度
  • unity优化方案
  • opengl opengl es
  • unityz
  • linux bash shell中case语句的实例
  • 批处理设置文件夹添加user组权限
  • shell 计算表达式
  • javascript怎么学
  • jquery中追加到指定元素末尾
  • 晋阳学堂实验学校学费多少钱
  • 没有代理记账资质的公司从事代理记账业务
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设