位置: 编程技术 - 正文

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

  • 金税四期上线后如何查虚开
  • 公司零星支出没有发票收据怎么开
  • 发票验证码和校验码是一样的吗
  • 子公司注销资金还母公司冲实收资本吗
  • 淘宝手续费是什么意思
  • 交通违章罚款可以在手机上交吗
  • 小规模企业没有进项发票怎么办
  • 购买商品赠送
  • 增值税补交还有没有责任
  • 三栏式明细账适用于哪些账簿
  • 注销时分公司欠款怎么办
  • 进项税额待转出是什么意思
  • 企业购买商品
  • 企业内部控制审计报告应当与内部控制评价报告
  • 借款给其他公司的会计分录怎么写
  • 个人储蓄存款利率
  • 投资利税率计算器在线计算
  • 冲减以前年度所得税费用
  • 非主营业务收入记什么
  • 个体工商户怎样开发票
  • 如何在excel中取最早与最晚
  • 小型微利企业的企业所得税优惠政策
  • 其他债权投资期末公允价值的变动应当计入
  • 库存现金的主要内容有哪些
  • 工程结算如何做账
  • 收入确认的五个步骤
  • win10重启按什么键重置
  • 职工宿舍的折旧计入什么科目
  • 业绩补偿是什么意思
  • php tokenizer
  • 在职职工医疗保障计划互助金多久发一次
  • 图像分割 unet
  • php中td
  • 债券投资账务处理例题
  • 投影仪属于固定资产哪一类
  • 代开开增值税专票和自己开有什么区别
  • framework在哪里打开
  • [ChatGPT] 从 GPT-3.5 到 GPT-5 的进化之路 | ChatGPT和程序员 : 协作 or 取代
  • 多线程的弊端
  • vue3路由守卫 微信授权登陆
  • 获取谷歌浏览器cookie
  • 结构重参数化2d pose
  • 分公司利润怎么结转给总公司需要交税
  • 免税的10万元是什么
  • 织梦官方
  • 织梦添加文章如何修改高级参数
  • 开票一定要确认收入嘛
  • 增值税专用发票上注明的价款含税吗
  • 不开增值税发票的销售收入报税操作流程是?
  • 房产税土地税会减免吗
  • 一般纳税人简易计税方法适用范围
  • 实收资本实务处理办法
  • 存货盘亏需要进项转出吗
  • 广告类的公司
  • 融资租赁固定资产折旧年限
  • 免费给人一些客户资料违法吗
  • 会计实务操作中错误的是
  • 转回存货跌价准备对递延所得税资产的影响
  • 会计账簿的更换和保管有哪些要求
  • sql中的非逻辑
  • office技术预览版和增强版
  • dwm占用内存过高 进程处理
  • 电脑出现windows怎么办
  • win8系统设置
  • win10系统怎么隐藏c盘
  • win xp 系统
  • linux系统的
  • win8系统搜索不到wifi
  • win7系统鼠标指针形状介绍
  • unity3d应用开发
  • javascript:openattachment
  • jquery添加图片
  • python脚本运行命令
  • jquery 异步请求
  • jquery 使用
  • python遍历列表的两种方法
  • 开票地税怎么算的
  • 个人出租商业用房开票税率
  • 新疆税务干部学校招聘
  • 青海税务发票查询
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设