点击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 2020-06-04 18:16  zhangmingda  阅读(2647)  评论(0编辑  收藏  举报

导航