javascript - 通过使用 javascript 追加插入的复选框不会发布数据

Question

所以我在 javascript 中有这段代码，它将数据插入到表单输入中的表中。每当我按下提交时，它什么都不做。

Javascript

<script>
$('document').ready(function() {
$('.addtag').click(function() {
          var inputVal = document.getElementById("catinput").value;
  $("#tbl").append('<tr><td><input type="checkbox" class="cb" id="'+inputVal+'" name="usertags[]" 
value="'+inputVal+'"></td><td> <label for="'+inputVal+'">'+inputVal+'</label><br/></td></tr>');
 });
})
</script>

html

<form method="post" action="publishchapter.php"  id="contentform" runat="server" enctype="multipart/form-data">
<button type="submit" id="draft"   formaction="chapterpreview.php" ><?php echo $bid; ?>Preview</button>
 <button type="submit" id="publish" name="submit" value="Submit" >Publish</button>
 <span> Tags</span><br/> 
 <input id="catinput"/> <button type="button" class="addtag">Add</button><br/>
  <div class="c1f">
  <div class="c1"><table id="tbl" class="AvailableGroupLab availGrpLabs avalLabs">

  </table>
  </div>
  </div>
  </form>

放置在表单中的所有其他输入都会发布，但由于某种原因，添加到表格中的任何复选框都不会输出任何发布数据 这是实时网站。示例网站

编辑：这确实等同于向表中添加或附加新行。此处的代码已经可以通过 javascript 向表中添加新行。但是一旦它被发布到另一个页面，它就不会发布任何数据，它只是空白。

标签： javascriptphphtmlmysqlpost