javascript - 如何通过点击div来点击radio？

Question

为什么我的代码不起作用？我需要模拟点击单选按钮。单选按钮有点击事件。

$(".form-group").click(function() {
  alert("clicked")
  $(this).closest(".hotelObj", function() {
    $(this).trigger("click");
  })
});

.form-group {
  background-color: pink;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="form-group">
  <label for="male" style="font-weight:800;">chose
    <input type="radio" value="z6" class="hotelObj" name="hotelType">
    <p>description</p>
  </label>
</div>

Answer 1

鉴于您提供的标记，此任务不需要 javascript，除非您遗漏了一些其他要求。

由于 label 包含您希望点击处理程序影响的所有区域，因此它应该按原样工作(点击粉红色框中的任意位置将导致单选按钮被选中)。

.form-group {
  background-color: pink;
}

<div class="form-group">
  <label style="font-weight:800;">chose
    <input type="radio" value="z6" class="hotelObj" name="hotelType">
    <p>description</p>
  </label>
</div>