在Javascript Html内部复选框无效

Question

我使用Javascript在表行上放置一个复选框，但是当我检查它时复选框不起作用。

==> view.php

<script type="text/javascript">
  $(document).ready(function(){
   var html ="";
   html += "<tr id=" +id+ ">";
   html += "<td>" +'<input type= "checkbox" name="update[]" 
         value= "<?=" +id+ "?>"/>' + "</td>" ;
    });

 $('input[name="update[]"]').click(function(){
   alert("h2");
 });
</script>

Answer 1

你能提供整个代码吗？ 没有完全提供代码。 缺少许多参数。

同时您也可以尝试使用click方法

$('input[name="update[]"]').on("click", function(){
  alert("h2");
});

Answer 2

您的输入由JS添加。 这意味着此元素最初不在DOM中。 您应该尝试以下代码：

 $(document).on('click', 'input[name="update[]"]', function(){
    alert("h2");
 });