位置: 编程技术 - 正文

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

  • 账本印花税的计税依据
  • 减免税款递延收入怎么算
  • 统一社会信用代码查询企业名称
  • 交易性金融资产是什么意思
  • 进项抵扣联丢了怎么办
  • 出租车发票可以重新打印吗
  • 所得税不计提直接缴纳,年末一次性计提
  • 开户以后不用要钱吗
  • 社保公司部分交多少比例
  • 稽查查补税款企业所得税
  • 支付购买机器的价款
  • 已认证发票退回的流程
  • 旅游费开票内容
  • 企业咨询服务费合同
  • 本月应该确认收入,但是一般下月才开票该怎么处理?
  • 税友服务费能否抵扣
  • 临时工发工资要扣税吗
  • 只有进项没有销项怎么报税
  • 节能减排奖励资金追回
  • 加速折旧法主要包括哪些内容
  • 工资退税手续需要多久
  • 购入样品账务处理
  • 资产减值损失月末需要结转吗
  • 金蝶资产减值损失取数计算公式
  • 其他应收款计提坏账比例
  • 查找我的mac怎么打开
  • windows10如何关闭病毒和威胁防护设置
  • 存货损失进项税
  • windows资源管理器未响应怎么办
  • mac教程视频
  • 股权转让分期付款协议
  • 个税手续费反还
  • pniopcac.exe是什么进程
  • wordpress更改字体
  • oeloader.exe - oeloader是什么进程 有什么用
  • 不合规发票入账违反了什么纪律
  • OSError: [WinError 1455] 页面文件太小,无法完成操作。 Error loading “C:\ProgramData\Anaconda3\lib\site-packages\to
  • 四川黄龙风景名胜区停车收费标准
  • 核销固定资产时会计处理
  • 有意义的分享
  • 提供有形动产租赁服务的增值税税率为
  • 企业发生的利得或损失应计入企业的营业外收支
  • 间接费用计算
  • ibps对公提回贷记有什么影响
  • 过渡期补贴是什么意思
  • 税务开票金额每个月有限制吗
  • 农产品投入产出法怎么计算
  • 收到外币收入如何入账
  • 小规模纳税人增值税计算公式
  • 资产负债表中的股东权益由什么组成
  • 递延所得税资产和负债怎么理解
  • 企业转让固定资产发生的费用
  • 购车怎么做会计分录
  • 明细账摘要写错了怎么修改
  • Win7、WinXP下MySql安装出错完全卸载的方法步骤
  • WINDOWS7系统安装包
  • win8的系统怎么装win7
  • win8.1原版系统安装教程
  • win7移动硬盘写保护了怎么解除
  • 组策略配置锁屏
  • mac在哪看
  • 虚拟网卡在哪里设置
  • windows8快捷键
  • win10预览版21301bug
  • jquery 下拉框变更事件
  • linux创建用户的命令是什么
  • 原生js实现ajax步骤
  • shell脚本技巧
  • bootstrapped 5%
  • unity 设置物体角度
  • 工具类软件有哪些
  • js获取浏览器的cookie
  • 谈谈我对美国的印象
  • javascript面向对象编程指南 pdf
  • ajax实现无刷新
  • 税收预测的内容
  • 成都燃气在线查询
  • 税务u盘是干嘛的
  • 2023年四川城乡居民养老保险多少钱
  • 在税盘上怎么申请电子发票
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设