javascript - 更改事件不会多次触发同一元素

Question

我有一组单选按钮，在单击时会触发一个事件，在我的例子中是更改。

就我而言，我有 5 个选项。问题是当我点击第一个选项(“从未到达”)时，事件毫无问题地触发，但如果我再次尝试触发，它就会停止，它不起作用。在我的例子中，我需要使用“change”事件，我可以让该事件在同一个元素中多次触发吗？

示例 html :

<label class="btn btn-info">
    <input type="radio" name="options" id="optiond1" class="btndelayhours"  autocomplete="off" d="9"> NEVER ARRIVED 
</label>

<label class="btn btn-info">
    <input type="radio" name="options" id="optiond1" class="btndelayhours"  autocomplete="off" d="5"> some toher info
</label>

JS :

$(".btndelayhours").on('change', function(){

Do some stufff...}..

Answer 1

on('change' 只会在值改变时触发，

你应该使用 on('click' 而不是

$(".btndelayhours").on('click', function() {
  console.log(this.id, this.checked);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<label class="btn btn-info">
  <input type="radio" name="options" id="optiond1" class="btndelayhours" autocomplete="off" d="9">NEVER ARRIVED</label>

<label class="btn btn-info">
  <input type="radio" name="options" id="optiond2" class="btndelayhours" autocomplete="off" d="5">some toher info</label>