动态增加表单jquery方法:
var i=0;
function addtr(){
$("#myTable").append("<tr><td><input id=\"sd\" type=\"checkbox\" name=\"ckb\" /> "+
" </td><td><input type=\"text\" name=\"list["+i+"].companyName\" /></td><td><input type=\"text\" name=\"list["+i+"].orgNo\" /></td><td><input type=\"text\" name=\"list["+i+"].draftingCity\" /> "+
" </td><td><input type=\"text\" name=\"list["+i+"].linkman\" /></td><td><input type=\"text\" name=\"list["+i+"].linkTel\"/></td>'</tr>");
i=i+1;
}
删除行的方法:
function delTr(ckb){
//获取选中的复选框,然后循环遍历删除
var ckbs=$("input[name="+ckb+"]:checked");
if(ckbs.size()==0){
alert("要删除指定行,需选中要删除的行!");
return;
}
ckbs.each(function(){
$(this).parent().parent().remove();
});
}
function allCheck(allCkb, items){
$("#"+allCkb).click(function(){
$('[name='+items+']:checkbox').attr("checked", this.checked );
});
}
$(function(){
//全选
allCheck("allCkb", "ckb");
})
function del() {
delTr('ckb');
}
后台将页面的list在action中进行封装 private List<Objec> list; 封装的对象,直接获取list中对象属性即可