Javascript <；JSP/JQuery>；单击按钮时如何创建文本输入框

我有一个表（包括复选框），数据如下。还有“添加”按钮

我不知道这里来了什么。。
.
.
.  
.      
线
项目
${result.line}
${result.item}

我想做的是，当我单击ADD按钮时，显示的数据行底部会出现一个新的文本输入框行。 有人能帮我弄一下OnClick事件代码吗？

类似于

function addInputBox(){
    jQuery('#myTable tr:last').after('<tr><input type="checkbox"  name="chkGrp" value=""/></tr><tr>your html content here</tr>');

}

函数addInputBox（）{
jQuery（'#myTable tr:last'）。在（'此处的html内容'）之后；
}

---

#myTable

是表id。

试试这样的方法

    function addInputBox(){
        var tr = '<tr>';
        tr += '<td><input type="text" id="mytextbox" name="mytextbox" value=""/></td>'
        tr += '<td></td><td></td>'
        tr += '</tr>'
        jQuery('#table_id').append(jQuery(tr));
    }

函数addInputBox（）{
var tr=''；
tr+=''
tr+=''
tr+=''
jQuery（'#table_id'）.append（jQuery（tr））；
}

    function addInputBox(){
        var tr = '<tr>';
        tr += '<td><input type="text" id="mytextbox" name="mytextbox" value=""/></td>'
        tr += '<td></td><td></td>'
        tr += '</tr>'
        jQuery('#table_id').append(jQuery(tr));
    }