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

时间:2021-11-01 00:12:13

方法一:

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