JQuery：触发单击事件

Question

如果单击元素click，如何触发单选按钮？元素click总是出现在单选按钮之后，这应该适用于多个单选按钮。任何想法如何做到这一点？

<div class="option">
<input type="radio" class="option--input" id="radio1" name="radio">
<div class="click"></div>
</div>

<div class="option">
<input type="radio" class="option--input" id="radio2" name="radio">
<div class="click"></div>
</div>

这是我的尝试：

$(document).on('click', '.click', function(event) {
    $(this).closest(".option--input").prev().click();
});

Answer 1

根本不需要jQuery，因为已经有一个完全符合此目的的HTML元素：<label />

＆＃13;

＆＃13;

.click {
  width: 50px;
  height: 50px;
  background-color: red;
}

＆＃13;

<div class="option">
  <input type="radio" class="option--input" id="radio1" name="radio1">
  <label for="radio1">
    <div class="click"></div>
  </label>
</div>

<div class="option">
  <input type="radio" class="option--input" id="radio2" name="radio1">
  <label for="radio2">
    <div class="click"></div>
  </label>
</div>

＆＃13;

＆＃13;

＆＃13;