位置: 编程技术 - 正文

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

  • 法律会计审计咨询合同需要缴纳印花税吗
  • 外购产品视同自产产品办理免抵退税的条件?
  • 发票签字有什么用
  • 专用发票和普通票有区别吗
  • 企业所得税固定资产
  • 工资的计提与结转怎么算
  • 季中转一般纳税人申报步骤
  • 印花税已经申报在哪里点交费
  • 土地出让金返还政策文件
  • 个税生产经营申报流程
  • 一次性预收租金增值税
  • 冲账其他应付款
  • 现金比率一般多少
  • 印花税缴款了发现报错了怎么办?
  • 费用暂估入账
  • 周转材料低值易耗品
  • 企事业单位承包承租经营者
  • 个人股东无偿借款给企业
  • 发票认证但未抵扣需要在报表里填吗
  • 地方教育费附加计入什么科目
  • 政府会计制度事业单位会计制度
  • 不动产权时间怎么确认
  • 资产处置损失减少的原因
  • 已经认证抵扣的发票会计分录
  • 什么叫电鳗鱼
  • 鸿蒙系统怎么设置导航键
  • 在windows7提供了一种什么技术
  • saproxy.exe - saproxy是什么进程 有什么用
  • 研发废料收入
  • 定期存款是否属于受限资金
  • uniapp自定义组件模式
  • 重楼的功效与作用价格
  • 固定资产清理如何结转
  • php 生成opcode
  • 自然vc
  • 门诊部需要药品经营许可证吗
  • 轨迹评价
  • 分支机构可以不分配所得税吗?
  • 房屋租赁发票怎么入账
  • 研发费用怎样进项抵扣
  • 建筑劳务公司的法人代表有什么责任
  • php获取客户端唯一标识
  • 《linux内核分析》
  • 小微企业所得税优惠政策最新2022
  • 员工买机票公司会知道吗
  • 申请税控盘流程需要几个工作日
  • 代缴社保零申报对个人有影响吗
  • 对c++的认识与体会
  • 还原型谷胱甘肽的作用和功效
  • 职工薪酬包括哪几类
  • 广告赞助支出可以抵税吗
  • 建筑企业的安全生产许可证由谁颁发
  • 低值易耗品怎么摊
  • 在筹建期间的费用属于什么
  • 公司成立前的费用发票可以入账吗
  • 投资性房地产公允价值小于账面价值
  • 产品利润率如何计算
  • windows vista安装光盘进入dos
  • win7用固态
  • 如何找回windows删除的文件
  • mac如何回复系统
  • Win10预览版更新弹窗如何关闭
  • win8平板玩lol
  • linux中怎么在文件中添加内容
  • iptables -l -n
  • 引用javascript外部脚本的正确写法
  • JavaScript的strict模式与with关键字介绍
  • [置顶]公主大人接下来是拷问时间31
  • nodejs连接redis
  • Node.js中的事件循环是什么
  • js数组如何定义
  • unity更新需要重新下载吗
  • javascript高级程序设计电子书
  • jq写css样式
  • 测验2:python基本图形绘制
  • 税务局开展活动
  • 重庆新电子税务局入口
  • 大管家多少集
  • 企业所得税按开票金额的多少计算税率
  • 环保标识码
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设