位置: 编程技术 - 正文

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

  • 全国税务师考试报名时间
  • 自产和外购的视频区别
  • 费用日记账明细
  • 电子发票怎么入库
  • 投资盈利后可以买股票吗
  • 个人购买房产是指什么
  • 土地使用权入账价值
  • 自建厂房可以不办理房产证吗
  • 合伙企业可以弥补以前年度亏损吗
  • 普通发票冲红的限制几张以上
  • 收取线路维护费合法吗
  • 一个季度申报一次是什么
  • 电脑变成代码打不开怎么办
  • 改建或新建建筑物含义
  • 非专利技术属于无形资产吗?
  • 涂料厂生产销售的涂料要交消费税吗
  • 股东退股会计科目
  • 现金流量表的编制原则为( ),是( )的概念
  • win10新建文件夹快捷键ctrl加什么
  • win11和win10比较
  • kb5000908打印问题
  • 外资企业取得财产的条件
  • 短期借款和短期贷款
  • 原始凭证必须具备的基本要素
  • 计提坏账准备对所得税费用的影响
  • 拉马克是哪国人
  • 多洛米蒂徒步线路
  • 固定资产清查盘点报告模板
  • 坏账损失的会计分录
  • 企业注销未抵扣完的进项税额怎么处理做账
  • bert获取中文词向量
  • 闭包 python
  • opencv图像识别特定形状
  • php安装openssl扩展
  • 物流发票的税率怎么算
  • 企业转让专利权属于什么收入
  • 复式记账法会计名词解释
  • js 字符串 中 字符位置
  • 旅行社代订机票可以报销吗
  • 客户倒闭预收款怎么处理
  • 社保滞纳金计入个人账户吗
  • 开办费新会计准则
  • 进项税抵增值税
  • Shading-JDBC、ShadingSphere、ShardingProxy 使用详解
  • 甲供材料增值税规定
  • 销货方怎么开具购买方红冲的发票
  • 在mysql中设置事务保存点
  • 关于种植养殖的手抄报
  • 超市的小票能入账吗
  • 企业的经营业务
  • 个税申报系统非正常可以改为正常吗?
  • 应付职工薪酬的账务处理
  • 租赁合同印花税怎么算
  • 公司送礼怎么记账
  • 技术服务所发生的事故
  • 新成立的公司都是小微企业吗
  • 出现错误,请联系客服
  • win8系统怎么安装office
  • ubuntu安装linux五笔输入法
  • vmware安装macos10.15
  • linux服务器dns配置
  • raid主要使用三种技术
  • explorer.exe进程文件
  • linux网络设备有哪些
  • linux命令行技巧
  • javascript语言基础
  • 批处理自动确定
  • 用于登录
  • js 图片压缩库
  • ip安全策略设置报错
  • shell删除一个文件
  • 讲解JavaScript中for...in语句的使用方法
  • 用jquery写注册界面
  • 内蒙古电子税务局app官方下载
  • 湖北省税务局官网电话
  • e福州怎么帮家人登记
  • 北京市地税局第一稽查局郭洪鑫
  • 重庆市非住宅交易税费
  • 会计专业有必要读博士吗
  • 租房税费怎么算的
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设