位置: 编程技术 - 正文

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折
  • 冲销上年计提的住房公积金怎么做账
  • 公司租土地建厂房合法吗
  • 个税返还奖励财务人员申报个税
  • 对外支付增值税扣缴义务发生时间
  • 工会发放员工福利的通知
  • 买烟酒开专票可以抵税吗
  • 流转税率是什么意思
  • 预缴纳税申报怎么报
  • 背书出去的票据信息在哪里查询
  • 应收账款核销会议纪要
  • 环保税计算方法和税率1.2
  • 残保金申报有什么用
  • 如何栽柑橘苗
  • 小规模季报资产总额填错了有影响吗
  • 库存商品在贷方怎么调回借方
  • vue项目如何搭建
  • 华为鸿蒙系统开发平台
  • 公司借银行款会计分录
  • 直接计入当期利润的利得,即企业非日常
  • linux中!
  • PHP If Else(elsefi) 语句
  • 公司其他费用包括哪些费用
  • 直线法摊销的账面价值
  • 在妈妈身边的说说
  • vue路由实现
  • php判断数组是否为空的函数
  • vue动态路由是什么
  • C语言中指针变量指向字符串时是有效字符的长度吗
  • 收到退税款怎么做账
  • 抵扣联丢失如何抵扣
  • 爱上源码,重学Spring IoC深入
  • 开票软件的证书口令是多少
  • 每个季度30万免增值税
  • js对象模型是什么
  • mongodb开启
  • 专用发票跨月冲红流程
  • 什么人适合单干
  • 税款已缴未入库怎么处理
  • 物业公司购买空调合法吗
  • 一般纳税人月销售额10万以下城建税
  • 间接人工费用计入什么科目
  • 关税怎么入账
  • 估价入库怎么记账
  • 银行多扣了钱法律是怎么判
  • 城投公司政府购买服务
  • 建设工程招投标示范文本
  • 委托加工以受托方核定的数量为计税依据
  • 农业合作社账务都有什么科目
  • 进口货物会计处理举例
  • 期末结转生产成本的账户
  • 旅游公司怎么交增值税
  • 进项税额抵扣是按税率分开抵扣吗
  • 新准则建筑业会计核算
  • 开票和不开票
  • 注册公司认缴和实缴的风险区别
  • 交易的价格
  • 如何调优产业结构
  • win7 64位系统中使用音乐播放器播放音乐很卡该怎么办?
  • ubuntu图片查看
  • linux连接vps
  • window10的cmd命令
  • win8磁盘占用率100%如何解决
  • win10无法安装无线显示器
  • cocos lua js
  • js时间范围
  • 分享五个有用的东西
  • Node.js开启Https的实践详解
  • Eclipse和AndroidStudio常用快捷键对比
  • 手机摇一摇插件
  • cocos-2dx
  • NGUI之UIScrollView对齐
  • python快捷键大全
  • js tab切换
  • Javascript & DHTML 实例编程(教程)DOM基础和基本API
  • JavaScript onkeypress事件入门实例(按下或按住一个键盘按键)
  • js如何实现图片轮播
  • 合肥新房商铺
  • 预交增值税税款退税流程
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设