位置: 编程技术 - 正文

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
  • 材料报废是否可以税前扣除
  • 烟叶增值税税率10%
  • 含税价和不含税计算公式
  • 房地产企业拆迁补偿费契税12366
  • 小规模企业可以收增值税专用发票吗
  • 公司销户本金转到哪里
  • 补偿金需要缴纳个税吗?
  • 税盘清卡截止每个月
  • 开票系统技术服务费在申报表哪里抵扣
  • 一般纳税人销售自己使用过的汽车
  • 快递费属于什么合同
  • 亏损 纳税
  • 一般纳税人取得3%专票可以抵扣吗
  • 2020年个体工商户税收政策超出额度怎么征收
  • 第三方代缴社保算工龄吗
  • 房产税城镇土地使用税申报流程
  • 劳保费计入管理费用的什么
  • 分公司背书给总公司
  • 保险代理的佣金怎么算
  • 消费税为什么不计入长投成本
  • 小规模印花税减免性质代码和项目名称
  • 跨年度残保金退税怎么算
  • 自用煤怎么入账
  • 新固定资产的六大类型
  • 招待费如何列支
  • 咋激活windows
  • php程序员不应该做的事
  • rtlrack.exe - rtlrack是什么进程 有什么用
  • 哪些发票可以作为替代发票
  • PHP:spl_object_hash()的用法_spl函数
  • hue环境搭建
  • 提交表单后重定向
  • 年度成本费用总额公式
  • web前端 css
  • chatto
  • 应收账款和应付账款都是负数
  • vget命令
  • 专用发票抵扣联是什么意思
  • 残疾人保障金计入哪个会计科目
  • 个人能去税务局开劳务费发票吗
  • 委托贷款利息收入
  • 产品成本包括哪些
  • 股权收购被收购方怎么做账
  • 企业所得税汇算表
  • 存在弃置费用的固定资产由于技术进步
  • 汽车维修费可以入账吗
  • 销售货物提供运输服务分录
  • 单位租的个人房子需要采集房产税源吗
  • 应收票据到期收回的会计分录
  • 专用发票金额大实际报销金额小会计分录怎么做
  • 如果以前做了错事怎么办
  • 建账时应考虑的问题包括下列哪三项
  • 创建mysql表sql语句
  • mac中怎么给表情添加文字
  • 苹果电脑dock栏是什么意思
  • 一键ghost的功能
  • windows10 rs2
  • 新手菜鸟什么意思
  • windos8怎么样
  • windows的批处理是如何实现的
  • centos soft lockup
  • 安全配置为0
  • Android游戏开发案例教程小小弹球
  • android常用命令
  • python 条件变量
  • angular jsx
  • ajax请求传参
  • jquery动态添加div
  • android面试题网站
  • 深入理解计算机系统
  • jquery使用Cookie和JSON记录用户最近浏览历史
  • js object的原型
  • 增值税发票税控开票软件客服
  • 消费税要把增值税算进去吗
  • 河南网上税务局app下载
  • 北京大兴开发区房价
  • 税务补录什么时候上班
  • 我们是小规模纳税人,有个人所得税代扣代缴的业务吗
  • 环保税申报操作手册
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设