您的位置: 首页 > IT文章 > 点击DIV触发其他元素的点击事件(案例：点击type="radio" 的input 标签外层DIV，触发内部单选点击选中事件)

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

分类: IT文章 • 2022-06-08 10:51:20

方法一：

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