首頁 > 開發者 > JavaScript
<html></p><p><link href="skin.css" mce_href="skin.css" rel=stylesheet type=text/css></p><p><mce:script language="JavaScript"><!--<br />var num = 0;//記錄已經添加的行數</p><p>function addRow()<br />{</p><p>var dataBox = document.getElementById("dataBox");//table</p><p>var otr = dataBox.insertRow(dataBox.rows.length);//參數：table行數-1,在第幾行後面增加行</p><p>var otd = otr.insertCell();<br />otd.style.border = "1 solid #000000";<br />otd.height = "18";<br />otd.style.bordercolor = "#000000";<br />var sHTML = "<input type=checkbox id=sel value= >"+num;<br />otd.innerHTML = sHTML;<br />for(i=0;i<6;i++){<br />var otd1 = otr.insertCell();<br />otd1.style.border = "1 solid #000000";<br />otd1.height = "18";<br />otd1.style.bordercolor = "#000000"<br />var sHTML = i;<br />otd1.innerHTML = sHTML;<br />}<br />num = num + 1</p><p>}</p><p>//>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>><br />//delete a row<br />function delrow()<br />{<br />var i = 0,otr;<br />var dataBox = document.getElementById("databox");</p><p>for(i = num-1;i >= 0;i--){<br />if(sel[i].checked == true){<br />otr = dataBox.deleteRow(i+1);//刪除除表頭外的第一行<br />num = num - 1;<br />}<br />}</p><p>}<br />//>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>><br />//mouse on button<br />function button_over()<br />{<br />var ob=event.srcElement;<br />if (ob.tagName!="BUTTON")<br />{<br />return;<br />}<br />ob.className="btnMouseOver";<br />}<br />//>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>><br />//mouse out button<br />function button_out()<br />{<br />var ob=event.srcElement;<br />if (ob.tagName!="BUTTON")<br />{<br />return;<br />}<br />ob.className="btnMouseOut";<br />}<br />// --></mce:script> </p><p><table id="tblCommandBtn" class="tblCommandBtn" onMouseover="button_over()" onMouseout="button_out()"><br /><tr><br /><td><br /><button name="btnAddRow" onclick="addRow()" class = "btnmouseout">增加行</button><br /></td><br /><td><br /><button name="btnDeleteRow" onclick="delrow()" class = "btnmouseout">刪除行</button><br /></td><br /></tr><br /></table></p><p><table width="100%" id="dataBox" class="tblBillDetail" cellspacing="0" cellpadding="0" height="70" border="1"><br /><tr><br /><td width="5%" style="border: 1 solid #000000" mce_style="border: 1 solid #000000" bordercolor="#000000" height="22" align="center"> </td><br /><td class="tdBillDetailTitle" style="border: 1 solid #000000" mce_style="border: 1 solid #000000" bordercolor="#000000" height="22" align="center"> 商品號</td><br /><td class="tdBillDetailTitle" style="border: 1 solid #000000" mce_style="border: 1 solid #000000" bordercolor="#000000" height="22" align="center"> 商品名稱</td><br /><td class="tdBillDetailTitle" style="border: 1 solid #000000" mce_style="border: 1 solid #000000" bordercolor="#000000" height="22" align="center"> 在庫量</td><br /><td class="tdBillDetailTitle" style="border: 1 solid #000000" mce_style="border: 1 solid #000000" bordercolor="#000000" height="22" align="center"> 數量</td><br /><td class="tdBillDetailTitle" style="border: 1 solid #000000" mce_style="border: 1 solid #000000" bordercolor="#000000" height="22" align="center"> 計量單位</td><br /><td class="tdBillDetailTitle" style="border: 1 solid #000000" mce_style="border: 1 solid #000000" bordercolor="#000000" height="22" align="center"> 狀態</td><br /></tr><br /><table></p><p><button class = "redText">aaa</button><br /></html>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
