jquery - jQuery - 通过 appendTo() 添加的复选框似乎无法正确处理点击事件

Question

我有一个按钮，单击它会添加复选框和文本字段。此外，我正在计算复选框 - 这似乎不起作用。所以我又添加了 2 个“静态”的，它起作用了。奇怪的是，通过 appendTo() 添加的那个只有在我点击“静态”框后才被计算在内。我的意思是，例如单击 appendTo() 复选框 - 计数为 0 单击“静态”一个 - 它显示两个，这是正确的。

$(function() {
   // other stuffs
   function countChecked() {
          var n = $(":checked").length;
          $("#a").text(n + (n === 1 ? " is" : " are") + " checked!");
   }
   countChecked();
   $(":checkbox").click(countChecked);

    $( "#addanswer" ).click(function() { 
                clicked=clicked+1;
                $('<input>').attr({
                    type: 'checkbox',
                    id: 'markup['+clicked+']',
                    name: 'markup['+clicked+']'
                }).appendTo('#myForm').after("");               
                $('<input>').attr({
                    type: 'text',
                    id: 'answer['+clicked+']',
                    name: 'answer['+clicked+']'
                }).appendTo('#myForm').after("<br />");
            });    
          // ...
          // ...

任何人都可以告诉我有什么问题吗？我已经尝试过各种计数方法。

Answer 1

改为使用.on。

$('#myForm').on('click', 'input:checkbox', countChecked);