为什么按钮被点击两次

Question

<div class="btn-group btn-group-toggle button-div" data-toggle="buttons">
     <label class="btn btn-secondary" onclick="alert('option1');">
       <input type="radio" name="options" id="option1" autocomplete="off"> Option 1
     </label>
     <label class="btn btn-secondary" onclick="alert('option2');">
      <input type="radio" name="options" id="option2" autocomplete="off"> Option 2
     </label>
</div>

您好，当我点击这些单选按钮时，好像被点击了两次。因为我收到两个类似的警报。如何解决这个问题？自举 5.

目前，我收到“选项 1”警报，然后又收到“选项 1”警报。

预期：只有一个警报“选项 1”。

Answer 1

你的点击导致了这个问题，将它包装在一个函数中就可以解决问题，希望有人可以添加并解释为什么会发生这种情况，因为我已经完全忘记了，而且我这辈子都记不起来了。

你基本上想从这里更改你的代码

onclick="alert('option1');"

// to this

onclick="() => alert('option1');"

Answer 2

解决方案是将“onclick”操作更改为“change”操作。感谢大家对解决方案的支持。

为什么按钮被点击两次

Why button is being clicked twice

html

bootstrap-5