在jquery中将li添加到ul时无法执行复选框事件

Question

我试图实现复选框选中事件，但似乎无法将其触发到添加到列表中的新元素。这是jquery代码。$("#button").click(function() {    var toAdd = $("input[name=ListItem]").val();    $("ul").append(      `<li class="" id=` +        generateID() +        `><input name="name" type="checkbox" class="name" />` +        listName +        `</li>`    );  });  $('input[type="checkbox"]').click(function() {    if ($(this).prop("checked") == true) {      alert("Checkbox is checked.");    } else if ($(this).prop("checked") == false) {      alert("Checkbox is unchecked.");    }  });<ol><li id="1" class=""><input name="name" type="checkbox" class="name"> List Name1 </li></ol>

Answer 1

现有和新元素的解决方案：

$('body').on('click', 'input[type="checkbox"]', function() {

      if ($(this).prop("checked") == true) {

          alert("Checkbox is checked.");

      } else if ($(this).prop("checked") == false) {

          alert("Checkbox is unchecked.");

      }

});