社区
JavaScript
帖子详情
如何让一组checkbox的每个选择框都失去焦点时执行事件
kylewell
2012-10-12 09:48:51
有一组(多个)checkbox,每一个checkbox都有blur事件。现在我想要的效果是:当任何一个checkbox失去焦点时不执行blur事件,当所有的checkbox都失去焦点时,才执行事件,该如何做?
...全文
326
3
打赏
收藏
如何让一组checkbox的每个选择框都失去焦点时执行事件
有一组(多个)checkbox,每一个checkbox都有blur事件。现在我想要的效果是:当任何一个checkbox失去焦点时不执行blur事件,当所有的checkbox都失去焦点时,才执行事件,该如何做?
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
3 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
kongxh1218
2012-10-12
打赏
举报
回复
获取页面上当前获得焦点的元素:document.activeElement
在checkbox的onblur事件里判断document.activeElement是不是这几个checkbox中的一个就可以了
泡泡鱼_
2012-10-12
打赏
举报
回复
做个计数器??
默认为0,每当有一个获取焦点时+1,失去焦点时-1。在每个checkbox的blur事件中判断这个计数器是否为0
这样子试试?
不过,Lz,我觉得你把实际需求稍微说一说的好。也许思路走入误区了。有其他的解决方法也不一定
KK3K2005
2012-10-12
打赏
举报
回复
先失去焦点 才获得焦点
这2个 事件的触发 是有先后 次序的
所以你目前的业务逻辑很难实现
换个简单的方式把
html 文本
框
获取
焦点
事件
,JS的文本输入
框
获得
焦点
与
失去
焦点
的
事件
焦点
事件
:在HTML页面中,
每个
元素都会得到
焦点
和
失去
焦点
,我们的
焦点
事件
就会在这个
时
候触发,利用这些
事件
与document.hasFoucs()方法及document.activeElement属性配合。可以知晓用户在页面上的行踪。主要
焦点
事件
:blur:在元素
失去
焦点
时
触发。这个
事件
不会冒泡;所有浏览器都支持它;DOMFoucusIn:在元素获得
焦点
时
触发。这个
事件
与HTML
事件
focus等价...
vue中实现可自定义添加编辑的
checkBox
的单选
框
平
时
大多会遇到多选
框
或者单选
框
利用element中的
checkBox
或者直接使用标签元素就解决,现在需要实现,有初始选项但是用户可以自己添加和编辑选项和其中的
选择
内容。(点击加号出现可编辑Input
框
,输入后
失去
焦点
或者回车键就完成一个自己编辑内容后添加的选项,且为单选)如图: 实现: 1、首先利用element中复选
框
组标签写出样式结构(可以自己调整样式更加好看)如下: 根据element提供的方法里面的多个复选
框
利用标签循环遍历数组得到, 选中项是中双向绑定的数组中的数据。后面根据判断是否显示的inpu
Compose UI 之
Checkbox
复选
框
& RadioButton 单选
框
Checkbox
和都是用于用户交互的常用组件,但它们的功能和用途有所不同。
Checkbox
是一个可以勾选或取消勾选的复选
框
,用户可以
选择
多个选项。它通常用于表示一系列可选项目,用户可以根据自己的需要
选择
任意数量的选项。在 Android Compose 的视觉呈现上,
Checkbox
可能具有特定的样式和动画效果,以符合 Material Design 或其他设计规范。则是一个单选按钮,它表示
一组
互斥的选项。在
一组
中,用户只能
选择
其中一个选项,一旦选中某个按钮,其他按钮会自动取消选中状态。
Tkinter: 选项按钮与复选
框
程序刚
执行
时
默认选项是“男生”,此
时
窗口上方显示尚未
选择
,然后可以
选择
“男生”或“女生”,
选择
完成后显示“你是男生”或“你是女生”tkinter中也提供盒子选项按钮的概念,可以在Radiobutton方法内使用indicatoron参数,将它设为0。可以设计让选项按钮与函数绑在一起,当
选择
适当的选项按钮
时
,可以自动
执行
相关的函数或方法。可能会有多组选项按钮,可以设计
一组
选项按钮有一个相关的变量,用此变量绑定这组选项按钮。可以让
每个
复选
框
与函数绑在一起,当此选项被
选择
时
,可以自动
执行
相关的函数或方法。
html
checkbox
获取,html中radio,
checkbox
值的获取、赋值、注册
事件
1,radio分组只要name一样,就是
一组
的,即
一组
中只能
选择
一个,如下:代码如下:group1:radio1radio2radio3group2:radio4radio5radio6效果如下:2,获取选中的radio节点使用jquery可以很方便做到,先
选择
group,然后过滤出checked的,如下:代码如下:var group1 = $("[name='group1']").filter(...
JavaScript
87,910
社区成员
224,616
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章