位置: 编程技术 - 正文

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

  • 增值税调整 以前签的合同怎么办?
  • 进项发票已认证,发现发票有问题怎么办
  • 运动会奖品有什么
  • 税金及附加与应交税费的差额
  • 房租收入怎么报税
  • 企业变更法人的流程网上申请变更
  • 土地入固定资产还是无形资产
  • 销售费用计入产品生产成本吗
  • 待认证进项税期末余额在贷方
  • 长期借款利息计入应付利息吗
  • 管理人员工作服计入什么科目
  • 小规模变一般纳税人需要哪些资料
  • 新会计准则固定资产报废账务处理
  • 原始凭证审核的内容
  • 投资性房地产房租计入什么会计科目
  • 小规模的企业
  • 固定资产的入账价值怎么计算
  • 其他应收款借方表示增加吗
  • 生育津贴需要缴纳五险一金吗
  • 1697508432
  • 出口退税和增值税抵扣一样吗
  • 餐饮调理产品有哪些
  • 在售房地产土地使用税如何计算?
  • 企业涉及应付利息的税金
  • 附加税是销项税减去进项税
  • 协会收取会员单位的会务费怎么做账
  • 12306打不开怎么回事苹果手机
  • 总分类账是什么的依据
  • 小米无线路由器internet黄灯
  • 发票未报送怎么回事
  • PHP:Memcached::isPristine()的用法_Memcached类
  • 手相算命图解大全女
  • php的file函数
  • 工伤个人承担的费用
  • vue3怎么用
  • 商品流通企业的经营过程分为
  • 制造业工资计提
  • 哪些收入不列入交纳党费计算基数
  • 凭证字号怎么写
  • php自定义函数的语法格式
  • mysql和php连接
  • 知识图谱的构建方法有两种
  • 去年的普票可以开红字吗
  • 附清单格式
  • 补发去年工资会被扣税吗
  • 多交增值税可以抵扣吗
  • 汇算清缴前跨年调账怎么调
  • 小企业固定资产折旧方法
  • 主营业务利润率反映了企业的什么能力
  • 服装、眼镜、鞋、西药的发票如何做账较好?
  • 汇算清缴产生的企业所得税如何做账
  • 没有什么费用
  • 旅行社代订机票便宜吗
  • MySQL 5.6 中 TIMESTAMP有那些变化
  • mysqlusing
  • sqlserver怎么用sql创建表
  • freebsd版本选择
  • .exe是啥
  • win10系统edge浏览器兼容性
  • xp系统如何安装软件
  • mac进去不了系统
  • linux操作系统常用操作命令
  • 开机提示windows即将过期
  • win8系统怎么设置开机密码
  • win8怎么外接屏幕
  • 只需2招 让Win10运行速度更加迅速
  • pavsrv51.exe - pavsrv51是什么进程 有什么用
  • Slackware Linux init 进程
  • cocos2d-x window实现鼠标移动 键盘事件
  • shutdown命令不能运行
  • nodejs co
  • arp欺骗防范方法
  • fiori开发
  • javascript+
  • js验证正则表达式
  • 安卓中的菜单
  • jquery mobile 图片滑动
  • 福建税务局网上办税
  • 企业出租房产的税收优惠政策
  • 大连国家税务局官网
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设