通过附加javascript插入的复选框不发布数据

所以我用javascript编写了这段代码，它将数据插入表单输入中的表中。每当我按下submit时，它什么也不做

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>

$（'document'）.ready（函数（）{
$（'.addtag'）。单击（函数（）{
var inputVal=document.getElementById（“catinput”）.value；
$（“#tbl”）.append（“+inputVal+”
）；
});
})

html

预览
发表
标签

添加

表单中的所有其他输入都会进行post，但由于某些原因，添加到表中的任何复选框都不会输出任何post数据 这里是直播网站

---

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

这是否回答了您的问题？事实并非如此。上面的代码已经可以追加该行了。我对此感到不安的是，它没有发布到另一个页面。这是否回答了你的问题？事实并非如此。上面的代码已经可以追加该行了。我对此感到不安的是，它没有发布到另一个页面。

<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>