table border="1" align="center">
<tr>
<td align="center" colspan="3">双击输入框看看:</td>
</tr>
<tr align="center">
<td>数量</td>
<td>产地</td>
<td>生产日期</td>
</tr>
<tr>
<td><input type="text" name="aa" ondblclick="changeCells(this)" /></td>
<td><input type="text" name="bb" value="233" ondblclick="changeCells(this)" /><input type="text" name="cc" ondblclick="changeCells(this)" /></td>
<td><input type="text" name="dd" ondblclick="changeCells(this)" /></td>
</tr>
<tr>
<td><input type="text" name="aa" ondblclick="changeCells(this)" /></td>
<td><input type="text" name="bb" ondblclick="changeCells(this)" /><input type="text" name="cc" ondblclick="changeCells(this)" /></td>
<td><input type="text" name="dd" ondblclick="changeCells(this)" /></td>
</tr>
<tr>
<td><input type="text" name="aa" ondblclick="changeCells(this)" /></td>
<td><input type="text" name="bb" ondblclick="changeCells(this)" /><input type="text" name="cc" ondblclick="changeCells(this)" /></td>
<td><input type="text" name="dd" ondblclick="changeCells(this)" /></td>
</tr>
</table>
<script>
function changeCells(inp){
if(confirm("批量修改下面的数据吗？")){
var table,trs,tr,tds,td;
td = inp.parentElement;
tr = td.parentElement;
table = tr.parentElement;
trs = table.getElementsByTagName("tr");
for(var i=tr.rowIndex;i<trs.length;i++ ){
tds = trs[i].getElementsByTagName("td");
var tdinps = tds[td.cellIndex].getElementsByTagName("input");
for(var k in tdinps){
if(tdinps[k].name == inp.name){
tdinps[k].value = inp.value;
}
}
}
}
}
</script>
posted on 2006-04-03 14:44
汪杰 阅读(208)
评论(0) 编辑 收藏 引用 所属分类:
hengxing网站js