無法使用 jQuery 檢測復選框單擊或更改事件

Question

這是一個真正的謎，但不知何故，我無法檢測到復選框單擊或使用以下代碼進行更改：

jQuery(document).ready(function () {
   jQuery(document).on("click", "#item_configuration_item_selected", function() {
      console.log("click");
   });
});

它適用於任何其他元素，但不適用於復選框。

當我嘗試用這個來檢測點擊的元素時：

jQuery('body').click(function(event){ 
    var id = event.target;
    console.log(id);
});

然后，它再次顯示任何其他元素的單擊元素 ID，復選框除外。 我只是要瘋了才弄清楚。

元素 html 如下所示：

<div class="span3">
<label for="item_configuration_item_selected" class="checkbox">
    <input type="checkbox" class="fabrikinput " name="item_configuration_item_selected[0][0]" id="item_configuration_item_selected" value="1"><span>MyLabel</span></label>
</div>

任何提示將不勝感激。

編輯添加的片段

 jQuery(document).ready(function() { jQuery(document).on("click", "#item_configuration_item_selected", function() { console.log("click"); }); });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="span3"> <label for="item_configuration_item_selected" class="checkbox"> <input type="checkbox" class="fabrikinput " name="item_configuration_item_selected[0][0]" id="item_configuration_item_selected" value="1"><span>MyLabel</span></label> </div>

Answer 1

謝謝大家，但 Prakash 的建議 "$("#item_configuration_item_selected").change(function() {})" 是唯一有效的方法。 非常感謝，我仍然很困惑為什么，但只要它成功了：我可以忍受:)