位置: 编程技术 - 正文

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

  • 小规模纳税人销售农产品税率是多少
  • 高新企业做亏损分析
  • 已发货没开票分录
  • 水电怎么开票
  • 固定资产清理借方余额是加还是减
  • 如何计算土地增值税的增值额
  • 金税盘服务费全额抵扣是什么意思
  • 上个月没有清卡,这个月可以抄税吗
  • 现金股利缴纳个人所得税
  • 国外客户给你寄来礼物怎么感谢
  • 法院退诉讼费账务处理
  • 由于生产工艺改进引起建筑物设备陈旧
  • 一般纳税人取得小规模纳税人的专票可以抵扣吗
  • 行程单燃油附加费可以抵扣吗
  • 增值税核算应设置的会计科目排序
  • 向分公司拨款如何填现金流量表
  • 装修费用如何做分录
  • 工程建造过程中发生的在建工程人员工资180万尚未支付
  • 每月物业费怎么计算公式
  • 建筑业简易计税税率
  • 进厂的政府补贴怎么拿
  • 网页浏览器字体颜色怎么改
  • 回来报销差旅费的会计分录怎么写
  • windows11怎么设置默认应用
  • mac压盘
  • 消防设施费用怎么入账
  • 进程中svchost
  • 收到银行退回余款
  • php5升级到php7
  • php实现日历
  • 单位延缓缴纳社保员工可以要求赔偿吗
  • vue引用类型
  • jquery 兄弟选择器
  • 微信实现刮刮卡抽奖效果
  • wordpress整站备份
  • 免税农业企业所得税怎样填报
  • 商贸公司会计成本核算
  • javascript和java有什么区别
  • 应交税费为负数要调整吗
  • python replace 多个
  • 长期债权投资业务处理
  • 出口退税单机版是什么意思
  • 个税申报错误怎么退税
  • sqlserver 存储过程 临时表
  • 退还留抵税额政策解读
  • 购进固定资产的账务处理
  • 开票金额为什么是负数
  • 所得税减免的会计科目
  • 应税消费品含税吗
  • 带息票据贴现账务处理
  • 个人所得税代扣代缴手续费
  • 零售业赠送给别人怎么做
  • 固定资产折旧从什么时候
  • 测绘费如何入账
  • 公司被冻结
  • 怎么判断政府
  • 我国开征股票交什么税
  • SQL Server SQL Agent服务使用教程小结
  • centos7怎么关闭端口
  • Windows 7 64位系统手动添加Editplus到鼠标右键的方法
  • ubuntu多桌面切换
  • windows7安装过程中出错
  • win10系统如何清洗打印机喷头
  • sethook.exe - sethook进程是什么文件 有何作用
  • SetPoint.exe - SetPoint是什么进程 有什么用
  • w10系统怎么压缩
  • WIN10系统崩溃如何自救?
  • cortana小娜怎么用
  • linux检查文件内容
  • ES6 javascript中class类的get与set用法实例分析
  • 通过intent可以启动哪些组件
  • 探寻Javascript执行效率问题
  • webview设置ua
  • python 举例
  • 杭州二套房契税新政策2023年
  • 财税刘毅
  • 国家 税务 总局
  • 厂房每年要交什么费用
  • 为什么虚开增值税属于犯罪行为
  • 重芳烃闪点70,初馏点是多少
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设