Javascript Can'；t单击复选框-JQuery

我正在尝试创建一个简单的待办事项列表。它的唯一选项是添加、删除和完成后检查。我的问题在于支票部分。 复选框不响应单击。我尝试过其他元素，但它们对点击都没有反应。下面是正在发生的事情：

$("#submit").click(function() {
   if (checkIfEmpty()) {
    add();
   }
  replaceValue();
});

//delete from list
$("#delete").click(function() {
  $(".list li").toggleClass("active");
  $("#today").on("click", "li", function() {
    $(this).remove();
  });
});

//checked
$("#today").on("click", "div", function(e) {
 alert("aaa");
 e.stopPropagation();
});

Html:

今天我想。。。
添加
删除
添加

我发现了问题所在。 我在li元素上使用了

指针事件：none

，因此无法删除它。答案是简单地将checkbox类编辑为

指针事件：auto

，并设置为go。

---

非常感谢。这只是一个分散注意力的错误。

我发现了问题所在。 我在li元素上使用了

指针事件：none

，因此无法删除它。答案是简单地将checkbox类编辑为

指针事件：auto

，并设置为go。

---

非常感谢。这只是一个分散注意力的错误。

你能发布标记吗？你正在使用e.stopPropagation。鉴于你的问题是你的复选框对点击没有反应，我打赌这是你的问题。同时发布您的html，这样我们就可以尝试帮助您，而不仅仅是猜测。您正在停止单击事件的冒泡：stopPropagation（）您是否尝试删除该事件并查看您的单击处理程序是否再次工作？我已添加html。我尝试过不使用stopPropagation，它一点也没有改变。你能发布标记吗？你正在使用e.stopPropagation。鉴于你的问题是你的复选框对点击没有反应，我打赌这是你的问题。同时发布您的html，这样我们就可以尝试帮助您，而不仅仅是猜测。您正在停止单击事件的冒泡：stopPropagation（）您是否尝试删除该事件并查看您的单击处理程序是否再次工作？我已添加html。我尝试过不使用stopPropagation，它一点也没有改变。

<div class="list">
  <h3>Today i want to...</h3>
  <button class="btn" id="add">Add</button>
  <button class="btn" id="delete">Delete</button>
  <div class="addToList">
    <input type="text" id="todo" />
    <button type="submit" id="submit">Add</button>
  </div>
 <ul id="today"></ul>
</div>