Html代码:
<table id="show1" style=" width: 151px;height: 63px;border: 2px;">
<!-- <tr><td>表名</td></tr> -->
</table>
Js代码:知识涉及复选框的选中后放在数组中 和 对追加的行进行单行删除
<script type="text/javascript">
$(document).ready(function(){
$("#add").click(function(){
var obj=$("input[name=test]");
var check_val = [];
for(k in obj){
if(obj[k].checked)
check_val.push(obj[k].value);
}
if($("#show1").html("")!=null){
$("#show1").html("");
}
for(var i=0;i<check_val.length;i++){
$("#show1").append("<tr><td>"+check_val[i]+"</td><td><input name="+check_val[i]+" type=\"button\" value=\"删除\" οnclick=\"del('"+check_val[i]+"')\"></td></tr>");
}
});
});
将追加的某行tr删除
function del(tablename){
var input = $("input[name="+tablename+"]");
var tr = input.parent().parent();
tr.remove();
}