如何在标签上只添加一次单击事件

Question

你好，我正在尝试添加一个当用户点击标签时点击按钮的事件，
它工作正常，但用户必须点击标签两次，我需要从第一次点击开始使其工作
这是我的功能：

(function($){

$('.next-on-click .forminator-checkbox-label').on('click', function() {
$('button.forminator-button.forminator-button-next').trigger('click');
});


})(jQuery);

Answer 1

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<lable class="next"> Next </lable>
<button class="check">Check</button>
<script>
$('.next').click(function() {
alert("Hi");
$('button.check').trigger('click');
});
</script>

Answer 2

示例：

$('.next-on-click .forminator-checkbox-label').on('dblclick', function() {
$('button.forminator-button.forminator-button-next').trigger('click');
})

Answer 3

那么为什么需要JavaScript来处理点击呢？在标签上添加for属性将单击按钮。

$("#btn").on("click", function () {
console.log("clicked");
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<label for="btn">Label</label>
<button id="btn">Button</button>