首页 > 其他 > 详细

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

时间:2020-06-04 19:15:11      阅读:155      评论:0      收藏:0      [点我收藏+]

 

方法一:

直接用找到对应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();}      
}

 

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

原文:https://www.cnblogs.com/zhangmingda/p/13045273.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!