位置: 编程技术 - 正文

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

  • 企业的罚款支出包括违约金吗
  • 缴纳房产税怎么记账
  • 合伙企业分配利润如何纳税
  • 什么叫发票分割单
  • 企业股利分配政策有哪些
  • 资产划转涉税解读
  • 消费税的应纳税额的计算
  • 金税三期实收资本的印花税在哪缴?
  • 固定资产发票怎么入账
  • 增值税专用发票有效期是多长时间
  • 计税收入金额是什么意思
  • 退货专票已经认证进项税怎么处理
  • 个体户在银行开户
  • 收到上级补助收入支出时财务会计怎么记账
  • 企业取得代扣代缴个税手续费分录
  • 资产总额小于所有者权益合计
  • 简易计税劳务分包发票可以差额抵扣吗
  • 客户年会赞助是公司账户转嘛
  • 本月损益类怎么结转
  • 网站防止被刷票怎么解决
  • hypertrm.exe系统错误
  • 收到客户预付的保费90000元,存入银行
  • PHP:Memcached::setByKey()的用法_Memcached类
  • 国内保理业务是担保类中间业务吗
  • 高德地图api获取当前经纬度的城市地图
  • codecline
  • php文件上传用什么请求方法
  • php单例模式连接数据库
  • cnn三层
  • carplcy车载有什么用
  • python拆分文本文件
  • 购车哪些费用可以免
  • 固定资产损失用什么科目
  • 中国互联网创业成功的年轻人
  • 独立核算的分公司可以汇总纳税吗
  • 临时工和正式工工资不一样违法吗
  • 可供出售的价格基本上可以估计
  • 小规模纳税人工程款税率是多少
  • 成品油发票的六个问答
  • 固定资产错记到费用了怎么办
  • 外地预缴税款如何查询
  • 印花税如何计算缴纳
  • 出租周转材料的租金会计科目
  • 盈利能力分析的理论意义和现实意义
  • 余额调节表一定要编制吗
  • 一般纳税人增值税减免政策2023
  • 辞退福利计入什么明细费用
  • 合资公司股东如何退股
  • 纳税申报财务报表怎么撤销
  • 记账凭证的审核与编制可以是一个人吗
  • mysql获取当前日期时间函数
  • 关于爱在线观看电影完整版
  • 常用的sql语句有哪些
  • win10隐藏文件怎么隐藏
  • win8关闭触屏
  • win10新预览版
  • Internet Explorer 8(IE8)简体中文版de 卸载
  • linux使用方式有哪些方面
  • linux find . -name命令
  • 如何快速卸载游戏
  • windows7回收站图标没了
  • qq突然显示windows登录
  • Windows下查看PCI插槽链路
  • win7开机提示音在哪里关闭
  • win7装win8系统教程
  • win8启动设置选哪个
  • linux如何使用u盘
  • unity自动门
  • perl数组求和
  • dom操作元素属性
  • Android 摄像头预览卡顿
  • 如何调试自己的情绪
  • jquerycdn
  • js取反运算符
  • python 网络应用
  • 高级人民法院党组书记级别
  • 湖北地税局官网网上服务厅
  • 补贴收入有哪些
  • 广西怎么查社保记录
  • 财务公司怎么做
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设