位置: 编程技术 - 正文

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

  • 外地预缴税金
  • 专款专用需要缴纳企业所得税吗?
  • 出售技术所有权的会计分录
  • 应收账款平均余额公式
  • 电脑填制记账凭证实训心得
  • 装修款需要开发票吗
  • 个体经营所得税核定征收2023标准
  • 税控系统技术维护费可以抵扣吗
  • 境外企业所得税税率
  • 房地产土地增值税的算法
  • 出售商品取得的收入300万元存入银行
  • 变更税务登记证需要提供哪些材料
  • 流动比率计算公式速动比率
  • 购置一台设备初始费用为60000元,该设备可使用7年,答案
  • 固定资产入错账套怎么做账
  • 税务系统出问题怎么办
  • 增值税专用发票有效期是多长时间
  • 2017年的7月1日
  • 销售支付运费属什么科目
  • 对外捐赠视同销售分录
  • 录入凭证时记账的依据是
  • 软件开发工资低
  • 大专生可以考公务员职位列表
  • 水产类账目怎么做
  • 长期股权投资减值的判断依据
  • 个税手续费返还政策文件
  • 办理股权转让麻烦吗
  • 对外贸易法律的特征包括
  • PHP+Mysql+jQuery实现发布微博程序 php篇
  • kb5000908打印问题
  • deepin隐藏分区
  • 在win7中,如何创建一个TXT文件
  • 企业因政策性原因发生的巨额经营亏损
  • PHP - EasyUI DataGrid 资料取的方式介绍
  • 倾向得分匹配后怎么进行回归
  • php去掉最后一个逗号
  • 管理费用和研发费用的关系
  • mdf和ndf文件
  • 服务费可以计入主营业务成本吗
  • 小规模未达到起征点申报表怎么填
  • 应收账款是指什么
  • 解除劳动合同的合法程序
  • 付款后没有发票怎么办
  • 购货方尚未偿付的货款属于什么会计科目
  • 销售费用的定义是什么意思
  • 养老院老人摔倒责任划分
  • 高速etc发票如何打印
  • mysql判断字符长度
  • sql 建索引
  • centos7阿里云yum源
  • Windows下MySQL 5.7无法启动的解决方法
  • win7系统怎么设置开机启动项
  • XP系统怎么调节屏幕亮度
  • mac上怎么取消itunes自动续费
  • u盘安装win8系统教程
  • 注册表怎么优化
  • win10屏幕亮度怎么调节快捷键
  • WIN10系统中断
  • win7旗舰版系统重装
  • win7系统的一键还原怎么关闭
  • 微软状态
  • linux下scp远程拷贝包含空格的目录或者文件的解决方法
  • sudo service: command not found 报错的解决方法
  • win7电脑怎么设置自动锁屏
  • 安装linux系统步骤图解
  • windows8怎么装
  • WIN10安装网络打印机
  • windows10预览
  • ext.formpanel
  • sae定义及如何上报
  • 简介英文
  • css position: absolute、relative详解
  • js日期操作
  • vue.js有什么用
  • shell 解析yml
  • 删除的照片怎么还原
  • 简易计税方法开的是普票还是专票
  • 江苏省职工医保门诊报销比例
  • 浙江省个人医保累计自费多少可以报销
  • 二手房交易契税减免政策
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设