首页 新闻 会员 周边 捐助

大神们,三克油思密达,求解释阴影,

0
悬赏园豆:5 [已解决问题] 解决于 2016-11-15 13:47

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="&yen;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>

小小小宾宾宾的主页 小小小宾宾宾 | 初学一级 | 园豆:170
提问于:2016-11-15 08:43
< >
分享
最佳答案
0

newRow.id="row"+index;就是给当前插入的行设置id;

var ce2=newRow.insertCell(1);这个是给插入当前行的定义第二个td (前面的cel1就是定义第一个td)

 onclick=\"jian('input"+index+"')\"/这个就是动态拼接了一个点击事件的方法,你后面不是有一个function,注意看一下

id='input"+index+"'(那个双引号里的+index+啥意思)这个indix你在前面已经有获取到了,是整个表格行数-1,

收获园豆:5
人在路途 | 菜鸟二级 |园豆:207 | 2016-11-15 09:54

那个引号呢

 

小小小宾宾宾 | 园豆:170 (初学一级) | 2016-11-15 10:07

@小小小宾宾宾: 引号就是字符串格式的  拼接完成后第一列的id就是input1,第二列的id就是input2,后面依次类推

人在路途 | 园豆:207 (菜鸟二级) | 2016-11-15 10:58

@人在路途:SanQ

小小小宾宾宾 | 园豆:170 (初学一级) | 2016-11-15 13:47

@小小小宾宾宾: 刚打错了是,是行不是列

人在路途 | 园豆:207 (菜鸟二级) | 2016-11-15 14:02
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册