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 />

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

<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>