checkbox全选后刷新成全不选问题和阻止冒泡事件
来源:互联网 发布:提高网络安全意识 编辑:程序博客网 时间:2024/05/16 05:50
全选全不选方法
1.问题是:我点击全选的checkbox时,下面的复选框会全部勾选一下然后恢复不勾选的状态,这是因为事件冒泡刷新了方法。
<input type='checkbox' name='testId' id='testId'>//表头的checkbox<input type='checkbox' name='testIds' class='checkbox' value=' + bizId + '>//要被全选的checkbox<script type="text/javascript"> //全选全不选 $j(function () { $j("#testId").click(function (evt) { if ($j(this).is(":checked")) { $j(".checkbox").each(function () { $j(this).prop("checked", true); //此处设置每行的checkbox选中,必须用prop方法 }); } else { $j(".checkbox").each(function () { $j(this).prop("checked", false); //此处设置每行的checkbox不选中,必须用prop方法 }); } evt.stopPropagation();//阻止冒泡,有这行代码就解决了 }); }); </script>
阻止冒泡
1.若同时跟div和button定义了click函数,那么点击button时会同时触发buton和div的单击事件,这叫 事件冒泡,这种情况下就需要”阻止冒泡”.
2 evt.stopPropagation();//阻止冒泡。
阅读全文
1 0
- checkbox全选后刷新成全不选问题和阻止冒泡事件
- js 阻止冒泡,ajax 同步, unfined 类型判断 ,checkBox 全选
- 阻止冒泡和默认事件
- checkbox的全选和不全选
- CheckBox的全选与不全选(刷新页面效果)
- CheckBox全选与不全选(不用刷新页面)
- js 阻止默认事件 和事件冒泡
- 阻止事件冒泡、捕获、和默认事件
- 如何阻止事件冒泡和默认事件
- 如何阻止事件冒泡和默认事件
- JavaScript阻止事件冒泡和默认事件
- 如何阻止冒泡事件和默认事件
- 阻止默认事件行为和事件冒泡
- 前端阻止事件冒泡和默认事件
- [置顶] 阻止checkbox的父元素事件冒泡
- javascript的阻止默认事件和阻止冒泡事件
- HTML事件冒泡和JQuery阻止事件冒泡的方式
- 阻止事件冒泡和浏览器默认行为
- 如何对项目进行过载保护
- 客户端通过二维码扫码登陆web
- echarts 饼图实例
- 爬虫抓取的几个常见小问题
- OpenCV在移动端集成时注意的问题
- checkbox全选后刷新成全不选问题和阻止冒泡事件
- MySQL——修改root密码的4种方法(以windows为例)
- 使用国内源部署Ceph
- 使用python实现简单的加密解密机制
- 公司内网,虚拟机使用NAT模式连接外网问题解决
- 关于es的一些列文章
- shell实现对机器内存和CPU使用情况的监控
- pdf在线预览
- docker入门示例