Jquery不适用于Ajax加载的内容

下面是我的代码，当页面加载时，它工作正常，数组中包含我们检查的数据

<div id="checkBoxes">
<input type="checkbox" class="applicationCheckbox" value="1" />
<input type="checkbox" class="applicationCheckbox" value="2" />
<input type="checkbox" class="applicationCheckbox" value="3" />
<input type="checkbox" class="applicationCheckbox" value="4" />
</div>

<script type="text/javascript">
$(".applicationCheckbox:checked").each(function(){
    applications[i] = $(this).val();
    i++;
});
</script>

但是，如果我从jquery.append中附加一些复选框，并且如果我选择了以前出现的复选框，那么数组将返回空：

请帮助我修复。

将单击或更改事件附加到您的复选框中

  $(function(){
       $('body').on('click',.applicationCheckbox , function(){
           $(".applicationCheckbox:checked").each(function(i){
              applications[i] = $(this).val();
            });
        });
    });

因为要动态添加元素，所以需要委托事件

主体可以替换为任何静态父项

完整代码

试试这个

$('.applicationCheckbox').on('input', function(){
  if ($(this).is(':checked')) {
    applications[i] = $(this).val();
    i++;
  }
});

---

请确保具有正确的DOM序列。是否在检查数组之前追加？

$('.applicationCheckbox').on('input', function(){
  if ($(this).is(':checked')) {
    applications[i] = $(this).val();
    i++;
  }
});