位置: 编程技术 - 正文

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

  • 固定资产折旧方法年数总和法
  • 城镇垃圾处理费的计税依据
  • 公司缴税怎么计算的
  • 住房公积金发票
  • 房屋租赁的发票备注怎么写
  • 应付债券利息调整是什么意思
  • 怎么从其他公司挖人
  • 海关进口增值税专用缴款书如何抵扣
  • 收到结算单应该怎么处理
  • 商品破损了应该怎么赔偿
  • 专票抵扣是税额吗
  • 小微企业季度所得税和企业所得税怎么处理
  • 三证合一后有效期多久
  • 哪些情况下超市销售发霉食品免责
  • 企业注册资金需要拿钱出来吗
  • 小微企业附加税减半
  • 高速公路通行费抵扣最新规定
  • 行政单位提现预算会计处理
  • 属于留存收益的是
  • 税务部门实名认证
  • 应交税费重分类分录
  • 哪些人需缴纳个人所得税
  • 增值税进项税怎么算
  • mac系统怎么删除用户
  • WIN10专业版永久激活
  • 设置按住键盘重启怎么弄
  • 事业单位授权支付一体化退库
  • 土地价款扣除会计分录
  • 存贷款利率计算器
  • php使用js
  • 汇算清缴是哪个报表
  • 关闭非系统进程
  • 长期应付款的摊余成本怎么计算
  • 哪些费用可以在开办费中列支
  • 信用减值损失会影响所有者权益吗
  • 虚开增值税怎么查到的
  • 总账会计工作职责精选汇总
  • 小满秒懂百科
  • 长期股权投资权益法转成本法
  • 固定资产类别有哪些
  • 购买员工团体意外险肺炎能报销吗
  • 小规模纳税人财务报表是按季还是按月申报
  • mysql事务类型
  • 增值税专票不认证后果
  • 账上没有实收资本
  • php二次开发哪个cms
  • dedecms使用教程
  • SQL Server 2016 TempDb里的显著提升
  • 公司还没有注销但是银行账户已经去注销了
  • 一般纳税人认定标准2023年
  • 融资租入固定资产的租赁费属于什么费用
  • 收到员工社保
  • 什么是调表不调账
  • 营改增后建筑劳务分包开票一般几个点
  • 税总函2019是什么意思
  • 公益性捐赠支出计入什么科目
  • 投资性房地产公允价值模式转为成本模式
  • 进口货物的价格组成有哪些
  • 转账支票需要知道开户行吗
  • 招待费发票怎么做分录
  • 房屋出租要交的税有哪些
  • 应收账款和应付账款属于什么科目
  • 公司基本户可以取现金吗
  • 小微企业免征增值税优惠
  • sqlserver 教程
  • pc版直通车
  • bios术语
  • 简洁桌面怎么设置
  • 快速批量取关
  • 推荐表情图片
  • react-router react-router-dom
  • 前端编码规范 性能
  • js中的onchange
  • 简单的智能家居
  • web 开发
  • python代码检测在线
  • 高速发票查询平台官网
  • 代扣社保代扣公式是什么
  • 每年个人所得税2万工资多少
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设