位置: 编程技术 - 正文

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

  • 什么是代扣代缴申报
  • 收到公司发来的材料,计入会计分录
  • 货物运输费用怎么算
  • 汇算清缴结束后,税务机关发现企业应当取得
  • 收据能入账抵税吗
  • 提供洒水车服务税率
  • 独立核算的优点
  • 小规模纳税人季报还是月报?
  • 租车费属于办公费吗
  • 房地产企业可以抵扣进项税额的范围
  • 房改房增值税
  • 汽车销售公司办公室周末上班吗知乎
  • 所有者权益科目编码
  • 股票转让所得不交增值税
  • 机动车发票抵扣联有什么用
  • 企业交税的钱用在哪里
  • 应征增值税销售额和应税销售额
  • 过路费发票可以抵扣增值税吗
  • 外贸企业出口收入怎么账务处理
  • 施工现场应建立什么
  • 税控盘离线时限为0
  • 营业外支出汇算清缴调增填哪
  • 机动车抵扣联是什么
  • 一般纳税人出租不动产
  • 去年的发票今年可以抵扣吗
  • windows伪装电脑mac
  • 采购费用应计入材料采购成本
  • 为什么盈余公积补亏不会影响留存收益
  • hpcfont.dll
  • 电子商票到期后多少天有效?
  • 建筑行业怎么做职业生涯规划
  • 存货盘盈怎么做账
  • linux bsub
  • root怎么开oppo
  • win7纯净版本
  • 购买办公楼之后怎么入账
  • La Selva生物站热带雨林树冠上的黑嘴巨嘴鸟,哥斯达黎加 (© Greg Basco/Minden Pictures)
  • 广告代理费收取比例
  • 购进来的样品怎么账务处理
  • 销售净额等于净利润吗
  • java基础介绍
  • 织梦相关文章调用
  • 成本核算需要哪些单据
  • PostgreSQL教程(七):函数和操作符详解(3)
  • sqlserver数据库操作
  • 信用减值借贷方向增减
  • 小规模纳税人申报纳税详细流程
  • 政府会计制度应收账款坏账准备
  • 暂估入账应该如何操作
  • 递延负债和递延收益
  • 应付国库集中支付结余核算
  • 过期产品进项税用转出吗
  • 技术转让费如何计算
  • 在建工程的
  • 政府补贴业务如何发放
  • 写字楼物业费按照什么面积
  • 金税盘费用抵扣账务处理
  • 工程施工人工费,材料费,机械费占多少比例
  • 其他应收款的核算范围包括
  • 会计去企业还是国企好
  • 企业建账的流程是什么
  • win10预览版和正式版区别
  • windows10周年更新
  • win8.1 安装
  • layui框架中修改用户成功后怎么跳转到登录界面
  • linux安装ko驱动
  • 用css制作网页的步骤
  • Nodejs事件循环机制图解
  • android应用开发基础
  • shell脚本编写 方法
  • javascript性能优化写法
  • node.js介绍
  • 手游开发流程具体
  • NGUI学习:(1)spine导入后图层顺序的问题
  • python读入txt
  • 下列关于javascript的叙述正确的有
  • python字典常用操作以及字典的嵌套
  • 普票怎么入账标识
  • 昆山市税务分局领导名单
  • 乡土中国出版社不同内容一样吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设