孤叶凌书 孤叶凌书
关注数: 23 粉丝数: 31 发帖数: 1,676 关注贴吧数: 45
本人自己做的 <html> <head> </head> <body> <table id="table1" border="1"> <tr> <th>序号</th> <th>数值1</th> <th>数值2</th> <th>数值3</th> <th>合计</th> <th>操作</th> </tr> <tr> <td id=i1>1</td> <td name="s1">300</td> <td name="s1">200</td> <td name="s1">100</td> <td id="sum1">0</td> <td><input type="button"value="统计总和"onClick="sumRow(this)"> <input type="button"value="删除本行" onclick="deleteRow(this)"></td> </tr> <tr> <td id=i2>2</td> <td name="s2">5000</td> <td name="s2">8000</td> <td name="s2">10000</td> <td id="sum2">0</td> <td><input type="button"value="统计总和"onClick="sumRow(this)"> <input type="button"value="删除本行" onclick="deleteRow(this)"></td> </tr> <tr> <td id=i3>3</td> <td name="s3">103</td> <td name="s3">104</td> <td name="s3">105</td> <td id="sum3">0</td> <td><input type="button"value="统计总和"onClick="sumRow(this)"> <input type="button"value="删除本行" onclick="deleteRow(this)"></td> </tr> <br> </table> <form name="myform"> <fieldset> <legend>添加新行:</legend> 数值1 <input type="text"name="new1"> 数值2 <input type="text"name="new2"> 数值3 <input type="text"name="new3"> <input type="button"value="确定"onClick="e(myform)"> </fieldset> </form> </body> <script language="javascript"> function a() { var score=document.getElementsByName("s1"); var sumscore=0; for(var i=0;i<score.length;i++) { sumscore+=parseInt(score[i].innerHTML); } document.getElementById("sum1").innerHTML=sumscore; } function c() { var score=document.getElementsByName("s2"); var sumscore=0; for(var i=0;i<score.length;i++) { sumscore+=parseInt(score[i].innerHTML); } document.getElementById("sum2").innerHTML=sumscore; } function d() { var score=document.getElementsByName("s3"); var sumscore=0; for(var i=0;i<score.length;i++) { sumscore+=parseInt(score[i].innerHTML); } document.getElementById("sum3").innerHTML=sumscore; } function sumRow(r) { var table= document.getElementsByTagName("table")[0];//获取第一个表格 var i=r.parentNode.parentNode.rowIndex; //当前行号 var sum=0; for(var j=1;j<4;j++) { var e=parseInt(table.rows[i].cells[j].innerHTML); sum+=e; } table.rows[i].cells[4].innerHTML=sum; } function deleteRow(r){ var i=r.parentNode.parentNode.rowIndex; document.getElementById('table1').deleteRow(i); var table= document.getElementsByTagName("table")[0]; for(var j=1;j<table.rows.length;j++) { table.rows[j].cells[0].innerHTML=j; } } function g() { var table= document.getElementsByTagName("table")[0]; var i=table.rows.length-1; return i; } function e(myform) { var ta=document.getElementById("table1"); var numRows=ta.rows.length; var newRow=ta.insertRow(numRows); var cell0=newRow.insertCell(0); var cell1=newRow.insertCell(1); var cell2=newRow.insertCell(2); var cell3=newRow.insertCell(3); var cell4=newRow.insertCell(4); var cell5=newRow.insertCell(5); cell0.innerHTML=g(); cell1.innerHTML=myform.new1.value; cell2.innerHTML=myform.new2.value; cell3.innerHTML=myform.new3.value; myform.new1.value=""; myform.new2.value=""; myform.new3.value=""; } </script> </html>
1 下一页