位置: 编程技术 - 正文

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

  • 微信支付宝等三方支付平台余额属于货币资金吗
  • 农产品的税率是9%吗
  • 高铁费可抵扣适用税吗
  • 销售免税的有机食品
  • 纳税人取得不动产进项税额怎么抵扣
  • 资本公积可以只给一个股东转增资本
  • 材料暂估价比例
  • 施工企业已完工程成本如何结转
  • 年薪制离职补偿金如何计算?
  • 行车记录仪怎么开发票
  • 发票联给错怎么办?
  • 应征增值税不含税销售额(3%征收率)怎么算
  • 生产成本转入库存商品金额怎么算
  • 事业单位固定资产管理办法
  • 企业取得代扣代缴个税手续费分录
  • 招大学生做兼职的网站
  • 支票作废了需要什么材料
  • 外购已税化妆品生产的护肤护发品
  • 可全额扣除的公益性捐赠支出
  • 收到工会经费返还属于现金流量表哪
  • 现在还有短期投资这个科目吗
  • win11怎么把默认c盘改到d盘
  • 现金比率计算公式含义
  • 企业所得税可以税前扣除的
  • 进口应税消费品的组成计税价格为
  • 电脑dwm.exe是什么
  • 委托外单位加工发出的材料会影响账面价值吗
  • 保险多扣一个月
  • 结转本年利润的分录怎么写
  • wordpress调用指定文章
  • 存放同业属于什么会计制度
  • 工业企业制造费用占比
  • vue页面嵌套iframe vue页面
  • 毕业设计烦死了
  • 节流和防抖js
  • 承税汇票个人能用吗
  • 应付账款转入营业外收入会计分录
  • 帝国cms自定义列表
  • 关于英语的25个单词
  • ps调色的作用
  • 软件信息技术服务业
  • 一般纳税人作废小规模时开的发票怎么报税
  • 职工教育经费是从工资里扣吗
  • centos执行sh
  • sqlserver2019删除
  • 投资收益是总账还是明细账
  • 工程预付款是否含规费和税金
  • 会计凭证保管期限30年是哪一年开始的
  • 收到代持股权的账务处理
  • 现金往来款怎么做账
  • 本月暂估入库,下月
  • 损益类科目如何记忆
  • 新公司期初余额怎么算
  • 预付卡业务该如何管理
  • 财务费用的科目编码是多少
  • 企业风险管理有哪些方面
  • win7旗舰版系统激活码
  • 在一台电脑安装两个省份个税系统
  • window10打补丁
  • win7旗舰版和家庭版哪个对电脑要求低
  • windows8出现蓝屏
  • 怎样恢复显示桌面图标
  • win10怎么预览
  • 苹果mac太卡
  • windows7的注册表在哪里
  • windows10预览版怎么样
  • 各种linux系统比较
  • win7点开始一直跳闪
  • windows8如何使用
  • opengl learn
  • 极简主义分析
  • 给div设置滚动条
  • nodejs实现文件压缩下载
  • javascript对象的属性和方法
  • android edittext被系统键盘遮挡
  • Jar mismatch! Fix your dependencies
  • 安卓手机管家推荐
  • 如何用jquery
  • python中的print语句
  • 可转债中签当天扣款吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设