位置: 编程技术 - 正文

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

  • 建筑业的增值税税负
  • 税法里面的损耗是什么
  • 什么公司可以开普票
  • 怎么理解财务会计与管理会计
  • 利润表的所得税费用怎么填
  • 中标服务费计入什么会计科目
  • 网约车有电子发票吗
  • 转入公司对公账户怎么办
  • 个税起征点调整至5000
  • 出口货物不用退税吗现在
  • 学校收到政府拨付的助学金和奖学金需要缴纳税款吗
  • 对方承担税点的发票额怎么计算
  • 境外公司付款给国内公司人民币
  • 企业应缴的教育费附加税是多少?
  • 实收资本印花税减免税优惠政策2019
  • 免税发票可以入账吗
  • 个人无偿受赠房屋 个人所得税 张英泉
  • 对外投资增长过快
  • 失控发票不处理的后果
  • 不开票的收入怎么办
  • 增值税抄税报税流程2021
  • 交强险保单被保险人写谁都行?
  • 公司面临清算,外包企业的员工怎么处理?
  • 金蝶软件测试笔试题及答案
  • dll缺失怎么修复
  • win11卓越性能模式
  • 预计应收账款余额
  • 收到股改代扣代缴税款
  • laravel use
  • 日志文件的名称和位置是什么
  • 保险税前扣除比例是多少
  • element分页器
  • 实收资本大于注册资本是什么意思
  • 金融企业会计计提贷款呆账准备金主要贯彻了
  • 非合理损耗怎么做分录
  • 房地产企业土地使用税纳税义务终止
  • 加计扣除的增值税,城建税怎么算
  • vue使用scss报错
  • thinkphp6.0完全开发手册
  • 自然人税收管理系统
  • python设置断点
  • phpcms使用教程
  • 以公司名义开的诊所算个体工商户吗
  • 个人以不动产投资入股土地增值税
  • 法人给对公账户转账
  • 发票丢失了怎么报销
  • 分公司能不能作为行政处罚的主体
  • 非营利组织接受捐赠收入要交企业所得税吗
  • 专利代理服务费如何记账
  • 出口货款收不回怎么办
  • 被投资单位信息是什么
  • 油卡充值做账
  • 政府给的专款专用的补助,怎么入账
  • 开具红字增值税专用发票信息表需要盖章吗
  • 管理成本分摊比例是多少
  • 转回存货跌价准备对递延所得税资产的影响
  • 注册表禁止windows自动更新
  • linux 设置文件系统
  • Win10系统开机出现问题pin码不可用
  • win7虚拟内存如何转移到D盘
  • ubuntu怎么打开系统设置
  • 创建网站根目录
  • rmxp4droid for 天敏电视盒子
  • android用eclipse
  • linux中crontab
  • js删除li
  • js 拍照
  • numpy入门
  • python如何通过键找对应值
  • js实现功能
  • qrcode怎么生成
  • 删除的照片怎么还原
  • android 发短信
  • js原生方法大全
  • 个人所得税app查不到工资记录
  • 扬州税务学院官网朱诗柱
  • 应交税费应交增值税已交税金是什么意思
  • 公共暖气管道维修费用由谁承担
  • 内蒙古城镇土地使用税税率表
  • 个体税务登记资料不齐怎么办
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设