位置: 编程技术 - 正文

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

  • 纳税申报期限是纳税期限期满后的时间
  • 纳税人离线开票时间的文件
  • 代理记账公司账本
  • 工程款和借款能一起诉讼吗
  • 工会经费应税项怎么算
  • 政府专项补助资金需要交所得税吗
  • 报税时提示缺少相关组件怎么解决
  • 财务将利润表已申报还能修改吗
  • 研发支出期末余额列报
  • 什么情况下可要求厂商出品质保证书
  • 中小企业对应的是
  • 商品流通企业一般采用
  • 以物抵债计税依据
  • 企业库存现金的限额是由( )核定的
  • 现金流量表公式大全
  • 无形资产减值准备
  • 营改增施工企业哪些能退
  • 当期应税销售收入是含税还是不含税
  • 普通年金的定义
  • 销售货物收入与营业收入
  • 税收楔子是什么意思
  • 汇算清缴时费用占收入多少
  • 净利润亏损怎么结转
  • 企业年报资产状况信息可以不填吗
  • 建筑劳务公司人员结构
  • 资产减值损失汇算清缴调整表
  • 增值税季度不超过30万
  • 新开的公司会计需要做什么
  • 契税和增值税的计税依据
  • 固定资产报废的净损失计入哪里
  • Linux系统复制粘贴
  • 农民合作社扶持政策
  • swoole和websocket的区别
  • 提示语是什么意思?
  • linux设置用户密码
  • php字符串定义的三种方式
  • 差额征税的项目 按差额记账还是全额倒算销项税
  • explorer进程作用
  • 进程lsass.exe
  • 税务申报逾期罚款不交
  • 结转出租包装物因不能使用而报废的残料价值
  • 挂在树上的小鸟怎么画
  • 宣传活动费用什么发票开?
  • 大数据相关框架
  • yolo算法百度百科
  • 加计减免的分录怎么做
  • 社保基数是按基本工资还是应发工资
  • 发票管理人员如何操作
  • php headers
  • python如何获取列表元素
  • 技术开发免征增值税怎么开票
  • Win2008中SqlServer2008 无法打开错误日志文件导致无法启动的解决方法
  • db2with
  • 临时工工资怎么报个税
  • 个人独资企业的特点
  • 出口货款收不回怎么办
  • 出口退税申报需要手动录入什么信息呢
  • 企业领用产品的会计分录
  • 固定资产清理如何计算
  • 车票抵扣税款
  • 小规模纳税人收入是含税还是不含税
  • 微信怎么帮别人代缴社保
  • 库存商品暂估入库是什么意思
  • 子公司的取得方式
  • sql面试题50题
  • 电脑bios怎么关
  • windows vista升级
  • avsched32.exe是什么进程 avsched32进程有什么作用
  • win8系统电脑没声音怎么办
  • win7系统怎么设置屏幕常亮
  • 2021年win10累积更新
  • KbdTray.exe - KbdTray是什么进程 有什么作用
  • linux远程桌面连接工具
  • ext.grid.editorgridpanel
  • Cocos2d-x c++和java相互调用
  • 浅析学校德育的个体智能发展功能
  • unity text
  • android 加密算法
  • 成都高新区办理社保在哪里?
  • 税纳税申报表
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设