位置: 编程技术 - 正文

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

  • 房地产企业环保税什么时候申报
  • 增值税影响利润总额吗
  • 公司房屋修缮账务流程
  • 公司研发人员定义
  • 分公司非独立核算可以改为独立核算吗
  • 加计抵扣进项税额怎么算
  • 购买了材料怎么做账
  • 部分红冲的发票无法勾选怎么办
  • 汽修店的服务项目有哪些
  • 支付技术转让费能加计扣除
  • 支付股东借款利息怎么交税
  • 企业受托开发软件是什么
  • 补税款的分录应该怎么写
  • 高速公路通行费专用发票可以抵扣吗
  • 公司没有发票的做内账,那么支付款从哪里来
  • 预缴税款是开票金额的多少
  • 易税是什么
  • 工商年报纳税总额是应缴还是实缴
  • 支付往来款项应该注意什么
  • 收到投资款怎么做凭证
  • 删除所有没有销售业绩的员工记录
  • 涉及农业的税收优惠有哪些
  • 跨年收入能开发票吗
  • 出售单位车辆如何处理业务?
  • 印花税是按开票金额还是收入
  • 工会经费的计税依据包括劳务费吗
  • 差额征税的项目 按差额记账还是全额倒算销项税
  • 所有者权益变动表图片
  • 外资企业如何
  • linux双ip路由设置方法
  • win10开机强制进入安全模式重置
  • 系统win7旗舰版
  • 材料委托加工
  • PHP:mcrypt_module_get_supported_key_sizes()的用法_Mcrypt函数
  • 小微企业报税后多久缴税
  • 公司投资一家公司然后再投资
  • ln s命令
  • 其他应付款贷方余额表示谁欠谁
  • mysql的my.ini配置
  • 免征增值税和增值税区别
  • 药品的增值税税率13%还是17%?
  • 交付使用资产是否含税
  • 房屋租赁费属于变动成本吗
  • 企业资金占用费利率
  • 新收入准则按照期间确认收入
  • 工程检测费的会计分录
  • 总公司委托分公司开票及收款
  • 分期付款购买商品如何定价
  • 个体工商户纳税申抿
  • 冲减坏账准备的金额怎么计算
  • 小企业会计准则以前年度损益调整
  • 建立备查账簿登记的有哪些
  • mysql source 慢
  • Mysql 报Row size too large 65535 的原因及解决方法
  • sqlserver 教程
  • centos 安装
  • vcspawn.exe什么意思
  • win7出现问题
  • win8磁盘占用率高怎么处理
  • centos怎么配置dns
  • win7电脑dpi怎么设置800
  • linux显示所有内容
  • win7系统安装程序正在启动一直转圈圈
  • linux系统怎么更改语言
  • opengl 位图
  • 微信小程序获取手机号失败
  • javascript HTML5 Canvas实现圆盘抽奖功能
  • 百度关键词设置
  • nodejs怎么下载其他版本
  • linux定时执行任务
  • python爬取app数据违法吗
  • unity3d apk
  • nodejs vue
  • js的点击事件怎么做
  • js实现的功能
  • python+flask
  • 企业所得税申报表怎么填写
  • 增值税发票税控开票软件卸载不了
  • 十大经济
  • 重庆税务局app下载官网
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设