如何在标签上只添加一个点击事件？

Question

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


(function($){



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




})(jQuery);

Answer 1

示例：

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

Answer 2

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

如何在标签上只添加一个点击事件？

How to add only one click event on a label?

javascript

jquery

onclick