点击tr实现选择checkbox功能,点击checkobx的时候阻止冒泡事件
来源:互联网 发布:东莞东莞菲凡网络 编辑:程序博客网 时间:2024/06/06 06:57
点击tr实现选择checkbox功能,点击checkobx的时候阻止冒泡事件
给tr添加点击事件,使用find方法查找tr下的所有层级的元素,children只查找下一层级的元素,所以使用find。
find的返回值为jquery对象,在这个项目中不知道为什么使用jquery给checkbox添加checked属性或去掉checked属性不能使checkobx改变状态,所以我就把jquery对象转换为DOM对象,怎么转呢?jquery对象[0]或者get(0)就转换成DOM对象,然后直接.checked返回true或false就可以判断checkbox是否选中了。然后判断状态,改变状态。
find的返回值为jquery对象,在这个项目中不知道为什么使用jquery给checkbox添加checked属性或去掉checked属性不能使checkobx改变状态,所以我就把jquery对象转换为DOM对象,怎么转呢?jquery对象[0]或者get(0)就转换成DOM对象,然后直接.checked返回true或false就可以判断checkbox是否选中了。然后判断状态,改变状态。
到这还没有结束,当点击checkbox的时候出现了问题。是因为点击checkbox的时候同时也点击了tr,所以checkbox的状态只是闪一下,没有改变。要解决这个问题使用下面代码就可以实现。给checkbox添加阻止冒泡事件,三行代码就搞定了。
1 0
- 点击tr实现选择checkbox功能,点击checkobx的时候阻止冒泡事件
- 点击tr实现选择checkbox功能,点击checkobx的时候阻止冒泡事件
- vue绑定的点击事件阻止冒泡
- jquery阻止事件冒泡 点击
- jQuery点击tr实现checkbox
- TypeScript ts阻止点击事件冒泡
- 阻止点击事件冒泡,不让父级元素的点击事件响应
- ListView的Item包含checkBox的时候的点击事件
- JQuery实现(阻止事件冒泡,不触发父级标签点击事件)点击div里面的a的能触发点击事件,但是不触发外面的div的点击事件
- jQuery注册表格(table)行(tr)点击选中checkbox事件
- vue项目,在进行点击的时候,如何屏蔽掉一些小的按钮,阻止冒泡
- Angularjs中table中实现点击td中按钮不触发tr的点击事件
- 阻止click点击事件
- JS 阻止点击事件
- JQuery点击行 (tr)实现checkBox选中
- 解决/阻止 div层内的div层点击事件冒泡触发的小方法
- vue2.0click点击事件修饰符stop阻止单击事件冒泡prevent阻止默认事件
- 阻止子元素的点击事件
- 数据结构资料中栈的两个应用
- SVN中trunk,branches,tags用法详解
- Java反射总结
- RecycleView监听实现
- C/C++程序编译步骤 如何生成可执行文件
- 点击tr实现选择checkbox功能,点击checkobx的时候阻止冒泡事件
- 异常
- 安全协议IPSec、SSL、SSH
- phpmyadmin安装记录
- inet_ntoa函数陷阱
- 简单的RPC实现
- javascript构造器属性
- Android Studio高效配置
- HTML之表单