位置: 编程技术 - 正文

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

  • 印花税滞纳金如何计算日期
  • 文化事业建设费征收对象
  • 所得税损益类科目包括
  • 税务迁移麻烦吗
  • 销售是销项税还是进项税
  • 增值税13%税率有哪些
  • 如何分清进口农产品增值税抵扣率
  • 固定资产出售损益
  • 税总界定超标准小规模纳税人偷税数额
  • 如何确定商品交易价格?
  • 建安企业会计处理
  • 外经证预缴税款之后剩下的税款交到哪呢
  • 进项留底怎么做账
  • 当月采购发票未到如何做账及结转成本?
  • 境外企业向境内提供国际运输服务核定征收的企业所得税
  • 应收账款入账金额的确定方法
  • 更正申报所得税流程
  • 投标保证金利息计入什么科目
  • 实收资本属于会计科目吗
  • 一般纳税人购入货物相关的增值税可以抵扣
  • 员工借备用金怎么写摘要
  • 个体户公司需要交哪些税
  • 收取线路维护费合法吗
  • 分公司分税
  • 滞纳金账务处理
  • 固定资产借方表示什么意思
  • 公司个人所得税怎么申报
  • 产业政策鼓励类
  • 劳务派遣 税务
  • 春天里的____作文
  • 资产购置融资
  • 房地产企业预售房产怎么缴税
  • 员工的收入
  • 购进的货物
  • 中文最早出现的时期
  • 阿德莱德 景点
  • 应付现金股利通过
  • 增值税加计抵减企业所得税如何处理
  • PHP+Jquery与ajax相结合实现下拉淡出瀑布流效果【无需插件】
  • 加计抵减现代服务税率
  • php输出表格css
  • vue2 mixin
  • 一般纳税人怎么申请纳税
  • 帝国cms配置数据库
  • 在岗职工平均工资和社平工资的区别
  • 非流动资产基金对应的新科目
  • 小规模纳税人企业所得税2023
  • 区块管理办法
  • 计提以前年度的企业所得税
  • 营业外支出影响企业利润吗
  • 非公司员工可以报销差旅费吗
  • 应付账款怎么处理
  • 土地承包经营权上的房屋
  • 车辆etc设备
  • 分公司非独立核算企业所得税税率
  • 主营业务成本借贷方向增减
  • 应交税费减免税额在借方还是贷方
  • 金税盘费用抵扣账务处理
  • 进项税怎么做账务处理
  • 技术合同免税备案税务局
  • 发票章盖得不清晰怎么办
  • 餐饮怎么扣税
  • 什么是权益性投资企业
  • mysql数据库里面有一个表查的特别慢
  • 控制windows外观和工作方式
  • freebsd安装手动分区
  • 回收站清空文件怎么恢复?试试这三个方法找回!
  • 操作系统启动慢怎么办
  • win8.1系统HDMI高清线连接电视后没有声音的原因及解决办法
  • linux怎么查看
  • sed配合grep
  • shell脚本用法
  • css图片垂直居中对齐
  • nodejs 获取命令行参数
  • Android Study Day 3 --Android File Read And Write
  • 在jquery中fadein
  • javascript面向对象精要pdf
  • 迅雷继续下载
  • 电子湖北税务局
  • 税务ca证书过期
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设