function addRow(){
var index=document.getElementById("order").rows.length-1;
var newRow=document.getElementById("order").insertRow(index);
newRow.id="row"+index;
var ce1=newRow.insertCell(0);
ce1.innerHTML="抗疲劳神奇钛项圈";
var ce2=newRow.insertCell(1);
ce2.innerHTML="<input type='button' name='fh' value='-' onclick=\"jian('input"+index+"')\"/><input size=1px id='input"+index+"'(那个双引号里的+index+啥意思) type='text' value='1'><input type='button' name='fh' value='+' onclick=\"add('input"+index+"')\"/>"
var ce3=newRow.insertCell(2);
ce3.innerHTML="¥49.00";
var ce4=newRow.insertCell(3);
ce4.innerHTML="<input name='del"+index+"' type='button' value='删除' oncLick=\"delRow('row"+index+"')\">";
}
function delRow(trid){
var row=document.getElementById(trid).rowIndex;
document.getElementById("order").deleteRow(row);
}
function add(inputid){
var v1=parseFloat(document.getElementById(inputid).value)
document.getElementById(inputid).value=v1+1
}
function jian(inputid){
var v1=parseFloat(document.getElementById(inputid).value)
document.getElementById(inputid).value=v1-1
if(v1<=1){document.getElementById(inputid).value=1}
}
</script>
<style type="text/css">
#order .title {
font-weight: bold;
background-color: #CCC;
}
#order {
text-align: center;
line-height: 30px;
margin: auto;
}
</style>
</head>
<body>
<table id="order" border="1" cellpadding="0" cellspacing="0">
<tr class="title">
<td width="200" style="width:200px; height:30px;">商品名称</td>
<td width="80" style="width:120px; height:30px;">数量</td>
<td width="120" style="width:120px; height:30px;">价格</td>
<td width="141" style="width:120px; height:30px;">操作</td>
</tr>
<tr>
<td colspan="4" style="height:30px;">
<input name="addOrder" type="button" value="增加订单" onClick="addRow()">
</td>
</tr>
</table>
newRow.id="row"+index;就是给当前插入的行设置id;
var ce2=newRow.insertCell(1);这个是给插入当前行的定义第二个td (前面的cel1就是定义第一个td)
onclick=\"jian('input"+index+"')\"/这个就是动态拼接了一个点击事件的方法,你后面不是有一个function,注意看一下
id='input"+index+"'(那个双引号里的+index+啥意思)这个indix你在前面已经有获取到了,是整个表格行数-1,
那个引号呢
@小小小宾宾宾: 引号就是字符串格式的 拼接完成后第一列的id就是input1,第二列的id就是input2,后面依次类推
@人在路途:SanQ
@小小小宾宾宾: 刚打错了是,是行不是列