位置: 编程技术 - 正文

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

  • 购进农产品的进项税额是9还是10
  • 缴纳房产税怎么记账
  • 工会经费网上缴费
  • 高新企业季度企业所得税预征税率
  • 保险柜库存现金留存不能超过多少
  • 公司车辆出售给个人怎么做账
  • 出口发票上的汇率填什么
  • 固定资产完工前盘亏的工程物资净损失
  • 百望税控盘电子发票
  • 制造费用的核算程序是什么
  • 电商公司怎么开发票
  • 房租费可以计入研发费用加计扣除吗
  • 小规模纳税人建筑行业
  • 二手车销售统一专票哪里开
  • 企业外籍个人子女教育补贴
  • 结转采购材料的实际成本会计分录怎么写
  • 删除文件时不放大怎么办
  • 网络和共享中心在哪里打开
  • 什么叫即期结汇
  • 减值测试步骤
  • 增值税专用发票查询系统官方网站
  • PHP:mcrypt_enc_is_block_algorithm()的用法_Mcrypt函数
  • vue3性能对比
  • 退税报关的流程是什么
  • 金融服务机构
  • 销售废旧设备增值税率
  • 合同负债和预收负债的区别
  • 进项票留底怎么做分录
  • 黄金零售环节增值税的缴纳
  • PHP mysqli_free_result()与mysqli_fetch_array()函数详解
  • 专利技术的增值税
  • 公允价值变动收益借方是增加还是减少
  • 预缴税款怎么做会计分录
  • 物流公司开几个点的发票
  • 没有发票能办临时牌照吗
  • pd python
  • 织梦自定义字段
  • 百旺税控盘汇总上传如何检查
  • SQL server 2008中的数据库能否只包含数据文件
  • 生产成本帐
  • 公司购车需要什么材料
  • 中秋福利做账
  • 中小企业所得税优惠
  • 发票一直没验旧会有什么影响
  • 嵌入式软件产品应纳税额
  • 合并财务报表内部交易抵消顺流和逆流
  • 企业存货明细表和盘点表
  • 开具的增值税专用发票上注明的价款含税吗
  • 应纳税工资是应发还是实发
  • 小规模纳税人开专票需要交税吗
  • 专票错误已认证需要退回吗?
  • 会计凭证审核标准有哪些
  • 凭证填制的标准要求
  • 明细分类账表格
  • 企业财务建账应由谁负责
  • 企业短期借款可以是个人吗
  • mysqldump导出csv文件
  • win10预览版好吗
  • .exe是什么软件
  • 优盘安装系统
  • 屏幕画面颠倒
  • windows mobile应用
  • win10的三个安全问题
  • win8开始页面
  • win8开机直接进入传统桌面
  • 安卓手机屏幕不好使了怎么办
  • 感恩节0
  • unity 3d资源
  • glsl编译
  • vue 瀑布流
  • python中文分词代码
  • jquery并列选择器
  • jquery示例
  • 黑龙江省国家税务局通用定额发票
  • 空置房物业收费标准
  • 动员讲话简短精辟
  • 3.0t交强险
  • 2018年3月增值税申报期限
  • 国税申报作废怎么操作
  • 两税法的历史解释
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设