点击DIV触发其他元素的点击事件(案例:点击type="radio" 的input 标签外层DIV,触发内部单选点击选中事件)

 

方法一:

直接用找到对应dom元素调用.click()方法

$('.user_content').click(function(){
    $(this).children()[0].click();  //Dom元素执行点击事件
  //或者Dom元素执行点击事件

$(this).children('input[type="radio"]')[0].click();
}

 

 

方法二:

参考:https://blog.csdn.net/qq_37000055/article/details/101562653

html

<div class="tempStyle" @click="checked($event)">
      <input class="hy-radio" type="radio" name="a"><label>选项1</label>
    </div>
    <div class="tempStyle" @click="checked($event)">
      <input class="hy-radio" type="radio" name="a"><label>选项2</label>
    </div>

对应js

method: {
    checked(e) {e.currentTarget.firstElementChild.click();}      
}

 

posted on   zhangmingda  阅读(2675)  评论(0编辑  收藏  举报

编辑推荐:
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· AI技术革命,工作效率10个最佳AI工具
历史上的今天:
2018-06-04 hashlib加密模块主要提供 SHA1, SHA224, SHA256, SHA384, SHA512 ,MD5 算法,HMAC消息签名(HMAC-SHA1,....)
2018-06-04 ConfigParser模块,主要应用于对php.ini等格式的配置文件内容读取和生成。删改较少用
2018-06-04 ymal文档格式 处理
2018-06-04 xml数据结构处理
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

导航

统计

点击右上角即可分享
微信分享提示