Question

根据BlausC对我之前的问题的回答，我现在能够在一定程度上使用jquery。但是现在我需要根据来自servlet的回发为jquery创建的表添加一个checkbox控件。我正在使用的代码是

 $("#linkInstr").click(function(){
   var arr=new Array();
   var cdid=$("#cboinstr option:selected");
    var code=$("#cbovendcode option:selected");
   $.get("trnDC?caseNo=21&insid="+cdid.text(),function(data){

      arr=data.split(",");
      var tbl= $("#tblDetails");
      $('<tr>').appendTo(tbl).append($('<td>'))
      .append($('<td>').text(code.val()))
      .append($('<td>').text(cdid.text()))
      .append($('<td>').text(arr[0]))
      .append($('<td>').text(arr[1]))
      .append($('<td>').text(arr[2]))
      ;

   })

}）

任何帮助将不胜感激

Answer 1

这是一种更好的方式，包括复选框，效率更高。

 $("#linkInstr").click(function(){

   var arr=new Array();
   var contents;

   var cdid=$("#cboinstr option:selected");
   var code=$("#cbovendcode option:selected");

   $.get("trnDC?caseNo=21&insid="+cdid.text(),function(data){
      arr=data.split(",");
      contents = '<tr><td><input type="checkbox" /></td><td>' + cdid.text() + '</td><td>' + arr[0] + '</td><td>' + arr[1] + '</td><td>' + arr[2] + '</td></tr>';

      $("#tblDetails").append(content);
   });
});

Answer 2

只需将标记附加到您需要的复选框。请注意，调用此类追加是不必要的，请查看此帖子以获取更多信息：43,439 reasons to use append() correctly

Answer 3

我发现了一个很好的教程，用户已经展示了一些你可以使用的JQuery插件。虽然这不是帮助您学习JQuery的基础教程。但是您可以在Web项目中重用已经开发的代码。请参阅链接techcubetalk

使用jquery动态添加html元素

3 个答案: