插入行、删除行的 JavaScript代码 function insertRow(tableid,first,last){ var rowNum=$("#"+tableid+" tr").length; var tr1=$("#"+tableid+" tr:eq("+first+")").html(); alert("tr1:"+tr1); $("#"+tableid+" tr:eq("+(rowNum-1-last*1)+")").after("<tr>"+tr1+"</tr>"); $("#"+tableid+" tr:eq("+(rowNum-last*1)+") input").each(function(){ if($(this).attr("data")=="number"){ $(this).val("0"); }else{ $(this).val(""); } }); $("#"+tableid+" tr:eq("+(rowNum-last*1)+") select").each(function(){ $(this).val(""); }); $("#"+tableid+" tr:eq("+(rowNum-last*1)+") span").each(function(){ $(this).html("0"); }); $("#"+tableid+" tr:eq("+(rowNum-last*1)+") div").each(function(){ $(this).html("0"); }); } function removeRow(tableid,obj,first,last){ var rowsindex=obj.parentNode.parentNode.rowIndex; var rowsnum=$("#"+tableid+" tr").length; var trobj=obj.parentNode.parentNode; if(rowsnum*1>(first*1+last*1+1)){ $(trobj).remove(); }else{ alert("表格只剩最后一行不能删除!"); } } 以下是要插入行、删除行的表 table <table cellspacing="1" class="grayTable" id="datas" style="width:85%;"> <tr id="qcmc"> <th> <!-- <input type="button" value="加" οnclick="insertRow('datas',1,1)" class="addBtn" /> --></th> <th width="120">品名</th> <th width="60">规格</th> <th width="100">单位</th> <th>本单采购数</th> <th>本次到货数</th> <th>已到货数</th> <th>单价(元)</th> <th>总价(元)</th> </tr> <#assign jhze=0> <#if (cgxxlist?exists) && (cgxxlist?size>0)> <#list cgxxlist as c> <#if !(c.shouhsl>=c.dinghsl)> <#assign jhze=(jhze+c.dinghsl?default(0))*c.danjia?default(0)> <tr class="dynRow" id="qcmx"> <td> <input type="button" value="减" οnclick="removeRow('datas',this,1,1)" class="delBtn" /></td> <td> ${c.fenleiByPmflid?if_exists.flname?if_exists} <input type="hidden" name="pinming" id="pinming" title="品名" data="string" bool="true" value="${c.fenleiByPmflid?if_exists.flid?if_exists}"> <!-- <select name="pinming" id="pinming" title="品名" data="string" bool="true" οnchange="jiliankm('datas',this,'xinghao',null);setdanwei('datas',this);"> <option value="">==请选择==</option> ${qcStr?if_exists} </select> --> </td> <td> ${c.fenleiByXhflid?if_exists.flname?if_exists} <input type="hidden" name="xinghao" id="xinghao" title="型号" data="string" value="${c.fenleiByXhflid?if_exists.flid?if_exists}"> <!-- <select name="xinghao" id="xinghao" title="型号" data="string" οnchange="setdanwei('datas',this);"> <option value="${c.fenleiByXhflid?if_exists.flid?if_exists}">${c.fenleiByXhflid?if_exists.flname?if_exists}</option> </select> --> </td> <td><input type="text" name="danwei" id="danwei" title="单位" data="string" readonly="readonly" style="width:60px;border: 0;" value="${c.danwei?if_exists}"/></td> <td><input type="hidden" name="dinghsl" id="dinghsl" data="number" style="width:60px;" value="#{c.dinghsl?default(0)}"/><span>${c.dinghsl?default(0)}</span></td> <td><input type="text" name="bcdaohs" id="bcdaohs" data="number" οnblur="retableJe(this);" max="<#if c.dinghsl?exists && c.shouhsl?exists>#{c.dinghsl-c.shouhsl}<#else>0</#if>" style="width:60px;" value="<#if c.dinghsl?exists && c.shouhsl?exists>#{c.dinghsl-c.shouhsl}<#else>0</#if>"/></td> <td><input type="hidden" name="shouhsl" id="shouhsl" data="number" style="width:60px;" value="#{c.shouhsl?default(0)}"/><div id="shouhsl_div" style="display: none;" mce_style="display: none;">${c.shouhsl?default(0)}</div><span id="shouhsl_span">${c.shouhsl?default(0)}</span></td> <td><input type="text" name="danjia" id="danjia" data="number" readonly="readonly" style="width:60px;border: 0;" value="<#if c.danjia?exists>${c.danjia?c}</#if>"/></td> <td><input type="text" name="zongjia" id="zongjia" data="number" readonly="readonly" style="width:60px;border: 0;" style="width:60px;" /></td> </tr> </#if> </#list> <#else> <!-- <tr class="dynRow" id="qcmx"> <td> <input type="button" value="减" οnclick="removeRow('datas',this,1,1)" class="delBtn" /></td> <td><select name="pinming" id="pinming" title="品名" data="string" bool="true" οnchange="jiliankm('datas',this,'xinghao',null);setdanwei('datas',this);"> <option value="">==请选择==</option> ${qcStr?if_exists} </select> </td> <td><select name="xinghao" id="xinghao" title="型号" data="string" οnchange="setdanwei('datas',this);"> <option value="">==请选择==</option> </select></td> <td><input type="text" name="danwei" id="danwei" title="单位" data="string" style="width:60px;" /></td> <td><input type="hidden" name="dinghsl" id="dinghsl" data="number" style="width:60px;" value="0"/><span>0</span></td> <td><input type="text" name="bcdaohs" id="bcdaohs" data="number" οnblur="changeZj(this);" style="width:60px;" value="0"/></td> <td><input type="hidden" name="shouhsl" id="shouhsl" data="number" style="width:60px;" value="0"/><div id="shouhsl_div" style="display: none;" mce_style="display: none;">0</div><span>0</span></td> <td><input type="text" name="danjia" id="danjia" data="number" οnblur="changeZj(this);" readonly="readonly" style="width:60px;border: 0;" value="0"/></td> <td><input type="text" name="zongjia" id="zongjia" data="number" readonly="readonly" style="width:60px;border: 0;" value="0"/></td> </tr> --> </#if> <tr id="hj"> <td class="yellowBg">计划总额</td> <td>${jhze}</td> <td class="yellowBg">已入库总额</td> <td id="ydhze">0</td> <td class="yellowBg">本次入库总额</td> <td colspan="4" id="bdcgze">0</td> </tr> </table>