位置: 编程技术 - 正文

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

  • 印花税的申报依据是什么
  • 房地产老项目简易计税方法备案
  • 微信转账报销怎么转换成文字
  • 金税盘没有及时清卡怎么办
  • 母公司吸收合并全资子公司土地增值税
  • 增值税纳税处理
  • 企业税收滞纳金需要纳税调整吗
  • 社保扣款不成功会短信提醒吗
  • 信用卡产生滞纳金
  • 用银行汇票付款的会计分录
  • 差额征税发票如何做分录
  • 工业企业水电费需要计提吗
  • 购车装修能不能算固定资产
  • 专项资金需要交印花税吗
  • 借库存商品贷生产成本这笔会计分录反映的经济业务是
  • 住房公积金业务挂起
  • 个人所得税缴纳标准起征点
  • 工程承包款要交多少税
  • ami bios怎么设置u盘启动
  • 电脑bios启动项设置
  • 打开我的电脑提示该文件没有与之
  • 运输费用会计科目
  • 怎么关闭磁贴模式
  • 冲减其他应收款摘要怎么写
  • 绿萝怎么样养
  • 租入固定资产改良支出属于资本性支出吗
  • php数组操作函数
  • php匿名函数为何不匿名
  • html5旅游网页设计
  • 拦截器拦截html
  • 民间非营利组织如何纳税
  • 企业开负数发票退货后怎么处理?
  • 盘盈的存货账务怎么处理
  • 天猫一般纳税人如何纳税
  • 公司主营业务怎么介绍
  • 供应商退回多余货款账户可以是打款账号吗
  • 运杂费可以计入固定资产吗
  • python 协程 yield
  • excel随机抽取n行数据
  • 通过MySQL日志实时查看执行语句以及更新日志的教程
  • 会务费如何入账
  • 无偿提供建筑服务缴纳增值税
  • SQL Server 2005 模板参数使用说明
  • mysql注入的修复方式
  • 人力资源劳务外包需要什么资质证书
  • 资产的计税基础通俗理解
  • 怎么对外投资
  • 长期股权投资稀释股权
  • 销售收入小于销售成本
  • 发放工资时社保为什么计入其他应付款科目
  • 不得抵扣的增值税计入
  • 客户退货,但不退货
  • 企业办理名称变更怎么办
  • 中药饮片盘点损耗率 法律
  • 进项跟销项金额一样是否可行
  • 考试出题
  • 工程施工费怎么开票
  • mysql绿色版配置
  • win10 rs5
  • 中兴新支点操作系统安装教程
  • ubuntu无法下载
  • ip冲突不能上网怎么解决
  • directx?
  • centos安装v2
  • win10如何打开hlp文件
  • win10虚拟机不能使用
  • linux安装与部署
  • 生成器作用
  • opengl光线跟踪代码
  • 分享两句话
  • Node.js中的包管理工具是什么
  • python的特点及应用范围
  • CSS3 media queries结合jQuery实现响应式导航
  • unity导出exe没反应
  • unitytest
  • 企业吸收合并都包括什么
  • 四川税务局发票下载
  • 别人给公司开的普票,怎么查询
  • 广东省电子税务局网上办税大厅
  • 133平房子公摊36.88
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设