网页加载时的布局
<table border="1" cellspacing="0" cellpadding="0"> <thead style="background:gray;"> <tr> <td>编号</td> <td>商品名称</td> <td>商品价格</td> <td>商品数量</td> <td>商品类别</td> <td>小计</td> <td>操作</td> </tr> </thead> <tbody> </tbody> </table>
动态添加
function addshop(){ var name=$("#sname").val(); var price=$("#sprice").val(); var num=$("#snum").val(); var type=$("select :selected").text(); var count=parseFloat(price)*parseInt(num); var newtr="<tr>" +"<td><input type='checkbox'/><td>" +"<td>"+name+"</td>" +"<td>"+price+"</td>" +"<td>"+num+"</td>" +"<td>"+type+"</td>" +"<td>"+count+"</td>" +"<td><button onclick='del(this)'>删除</button></td>" +"</tr>" $("tbody").append(newtr); }