位置: 编程技术 - 正文

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

  • 增值税发票阅读器干什么用的
  • 贷款损失税前扣除
  • 城镇土地使用税的征税范围
  • 主营业务是家电吗
  • 定期定额不开票违法吗
  • 投资款算什么会计科目
  • 开票名称开错了
  • 服装公司的吊牌是什么
  • 软件开发增值税免税吗
  • 个体商户多少钱需要报税
  • 调用系统服务出错核心征管后端
  • 收到股权回购款是什么意思
  • 企业融资租赁设立条件
  • 企业购买机械设备是否需要进行过户登记
  • 公司支付宝付款
  • 管道租赁合同怎么写
  • 出口退税附加税什么时候缴纳
  • 出口退税可以用电子专用发票吗
  • 本月工资下月发是什么意思
  • 会务费发票要附上照片吗
  • 加油款可以开专用发票吗
  • 目前建筑里面税金总共包括几部分
  • 金三打印客户端插件如何下载?
  • 科技型中小企业享受优惠税收政策2023
  • 卷烟批发环节消费税计算
  • 计提个人负担的社会保险费分录
  • 长期股权投资减值准备是什么意思
  • 应收账款周转天数正常范围
  • 作废报表会影响企业信用吗
  • 商贸公司商品品种规格多如何核算
  • 个人开发是什么意思
  • 股东之间转让股权需要股东会决议吗
  • 国税的个税手续怎么办理
  • 开发企业房产税如何征收
  • 业务招待费超出部分纳税调增分录
  • php常用的魔术方法有哪些
  • esp8266 dht22
  • 专票如何申领
  • 写字楼出售需要交多少税
  • 微信小程序基于什么技术
  • php+flash+jQuery多图片上传源码分享
  • cancel怎么关
  • 保险公司应收保费汇报范文
  • 医院职工医疗保险报销比例
  • 租车发票可以抵扣吗
  • 城市维护建设税属于什么会计科目
  • 工资表社保表格怎么算
  • python从键盘输入正整数n,计算1+2+3
  • 进口关税增值税在哪里打印
  • 固定资产计入管理费用就不用折旧了吗
  • 预收账款可以用吗
  • 免征增值税的会计处理一般纳税人
  • 去年未计提费用,今年付怎么做账
  • 应付职工薪酬的工资是实发工资还是应发工资
  • 母子公司之间无偿划转固定资产
  • 资产负债表其他应收款计算公式
  • 保函保证金怎么入账
  • 自建生产线的入账价值
  • 申请到了专利费多少钱
  • 上年未结转金额是什么意思
  • 企业对疫情
  • 待认证进项税额期末怎么办
  • 普通发票作废的金额会扣税吗
  • 固定资产折旧的影响因素
  • 公司不注销有什么影响吗
  • 影响固定资产折旧的基本因素不包括
  • mysql绿色版和安装版有什么区别
  • win7鼠标自己移动
  • Linux中stat命令显示文件的基本使用教程
  • win7怎么连接其他电脑共享的打印机
  • 安装xps虚拟打印机
  • cocos2d解密
  • Ubuntu 下搭建网站服务器
  • 解决Extjs 4 Panel作为Window组件的子组件时出现双重边框问题
  • dos命令显示时间
  • css兼容性写法
  • Ubuntu修改用户名
  • javascript基础题目
  • 百旺导入领购的新发票
  • 贷款利息收入增值税税率2023
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设