javascript - 如何显示 future 复选框元素的值？

Question

我像这样附加多个复选框:

$(".btn-sample").on("click", function() {
  $(".container").append(
    '<input class="check-sample" type="checkbox" 
    value="'+check_value+'"/>'
  );
});

我的问题是我的其他按钮无法获取下面新复选框的值:

 $(".show-checkbox").click(function() {
   var arr = [];
   $('.check-sample:checked').each(function () {
       arr[i++] = $(this).val();
   });
   console.log(arr);
 });

感谢您提前提供帮助!

Answer 1

对于动态添加的元素试试这个:

$("body").on("click",".btn-sample", function() {
  $(".container").append(
    '<input class="check-sample" type="checkbox" 
    value="'+check_value+'"/>'
  );
});