<input type="text" name="COUNT" value="" itemdesc="数量" onchange=getTotalPrice(this)/>
注意到您的count为text,不太适合使用onchange来触发，这会带来问题。
比如：你的原数量为20，当你想修改为15时，你会：
1、删除20 值变为“”，onchange触发
2、输入1 值变为 1， onchange触发
3、输入5 值变为 15， onchange触发
这样会触发三次，不能满足你触发一次的要求。
应该用onblur来触发。
分析你的业务，你需要计算当前行的，这样可以使用DOM的API来实现
<table border=1>
<tr>
<td>
<input type="text" value="12" onblur="getTotalPrice(this)">
</td>
<td><input type="text" value="13" onblur="getTotalPrice(this)"></td>
<td>
<input type="text" value="25">
</td>
</tr>
<tr>
<td>
<input type="text" value="1" onblur="getTotalPrice(this)">
</td>
<td><input type="text" value="2" onblur="getTotalPrice(this)"></td>
<td>
<input type="text" value="3">
</td>
</tr>
</table>
<script type="text/javascript">
function getTotalPrice(obj){
var c1 = objparentNodeparentNodechildNodes[0]childNodes[0]value;
var c2 = objparentNodeparentNodechildNodes[1]childNodes[0]value;
objparentNodeparentNodechildNodes[2]childNodes[0]value = parseInt(c1) parseInt(c2);
}
</script>
修改前面两个栏，都会自动修改第三栏
相信合你意思，加分吧
//var items = documentgetElementsByTagName("input");
<!-- 楼上牛人：1、指定下标？2、onkeydown -->
//楼主，这还繁？那加分吧，加分定制一个给你
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" ";>
<html xmlns=";>
<head>
<style type='text/css'>
body{
width:140px;
height:200px;
margin:160px auto;
}
</style>
</head>
<body>
<div>
<div style="overflow:auto;height:209px;width:140px;position:relative;border-bottom:1px solid #333" id="tb">
<table border="1" id="tbl"$amp;>amp;$lt;tr$amp;>amp;$lt;td colspan=2 style="width:114px;">sdfsdfdf</td$amp;>amp;$lt;/tr$amp;>amp;$lt;tr$amp;>amp;$lt;td>sdfsdfs1</td$amp;>amp;$lt;td$amp;>amp;$lt;img src='images/closegif' /$amp;>amp;$lt;/td$amp;>amp;$lt;/tr$amp;>amp;$lt;tr$amp;>amp;$lt;td>sdfsdfs2</td$amp;>amp;$lt;td$amp;>amp;$lt;img src='images/closegif' /$amp;>amp;$lt;/td$amp;>amp;$lt;/tr$amp;>amp;$lt;tr$amp;>amp;$lt;td>sdfsdfs3</td$amp;>amp;$lt;td$amp;>amp;$lt;img src='images/closegif' /$amp;>amp;$lt;/td$amp;>amp;$lt;/tr$amp;>amp;$lt;tr$amp;>amp;$lt;td>sdfsdfs4</td$amp;>amp;$lt;td$amp;>amp;$lt;img src='images/closegif' /$amp;>amp;$lt;/td$amp;>amp;$lt;/tr$amp;>amp;$lt;tr$amp;>amp;$lt;td>sdfsdfs5</td$amp;>amp;$lt;td$amp;>amp;$lt;img src='images/closegif' /$amp;>amp;$lt;/td$amp;>amp;$lt;/tr$amp;>amp;$lt;tr$amp;>amp;$lt;td>sdfsdfs6</td$amp;>amp;$lt;td$amp;>amp;$lt;img src='images/closegif' /$amp;>amp;$lt;/td$amp;>amp;$lt;/tr$amp;>amp;$lt;tr$amp;>amp;$lt;td>sdfsdfs7</td$amp;>amp;$lt;td$amp;>amp;$lt;img src='images/closegif' /$amp;>amp;$lt;/td$amp;>amp;$lt;/tr$amp;>amp;$lt;tr$amp;>amp;$lt;td>sdfsdfs8</td$amp;>amp;$lt;td$amp;>amp;$lt;img src='images/closegif' /$amp;>amp;$lt;/td$amp;>amp;$lt;/tr$amp;>amp;$lt;tr$amp;>amp;$lt;td>sdfsdfs9</td$amp;>amp;$lt;td$amp;>amp;$lt;img src='images/closegif' /$amp;>amp;$lt;/td$amp;>amp;$lt;/tr$amp;>amp;$lt;tr$amp;>amp;$lt;td>sdfsdf10</td$amp;>amp;$lt;td$amp;>amp;$lt;img src='images/closegif' /$amp;>amp;$lt;/td$amp;>amp;$lt;/tr$amp;>amp;$lt;tr$amp;>amp;$lt;td>sdfsdf11</td$amp;>amp;$lt;td$amp;>amp;$lt;img src='images/closegif' /$amp;>amp;$lt;/td$amp;>amp;$lt;/tr$amp;>amp;$lt;tr$amp;>amp;$lt;td>sdfsdf12</td$amp;>amp;$lt;td$amp;>amp;$lt;img src='images/closegif' /$amp;>amp;$lt;/td$amp;>amp;$lt;/tr$amp;>amp;$lt;/table>
</div>
<table border="1" id="aaa" style="position:absolute;top:160px;background:#ffffff;"$amp;>amp;$lt;tr$amp;>amp;$lt;td colspan=2 style="width:114px">sdfsdfdf</td$amp;>amp;$lt;/tr$amp;>amp;$lt;/table>
</div>
</body>
</html>
<script type='text/javascript'>
onload = init;
function init(){
var imgs = documentgetElementById("tb")getElementsByTagName("img");
for(var i=0;i<imgslength;i++){
imgs[i]onclick = changeSp;
}
}
function changeSp(){
if(thisflg){
thisflg = false;
thissrc = "images/closegif";
}else{
thisflg = true;
thissrc = "images/opengif";
}
var imgs = documentgetElementById("tb")getElementsByTagName("img");
for(var i=0;i<imgslength;i++){
if(!imgs[i]flg){
documentgetElementById("tbl")tBodies[0]insertBefore(thisparentNodeparentNode, imgs[i]parentNodeparentNode);
break;
}
imgs[i]onclick = changeSp;
}
updataSld();
}
function updataSld(){
var imgs = documentgetElementById("tb")getElementsByTagName("img");
documentgetElementById("aaa")tBodies[0]innerText documentgetElementById("aaa")tBodies[0]innerText= "" :documentgetElementById("aaa")tBodies[0]innerHTML ="";
var tr0 = documentgetElementById("tbl")tBodies[0]rows[0]cloneNode(true);
tr0stylebackground = "#ffffff";
documentgetElementById("aaa")tBodies[0]appendChild(tr0);
for(var i=0;i<imgslength;i++){
if(imgs[i]flg){
var a = imgs[i]parentNodeparentNodecloneNode(true);
<html>
<head>
<title>enter</title>
<script language="javascript">
function keypress1()
{
documentwrite("<table border='1'>");
for(i=0;i<20;i++)
{
documentwrite("<tr>");
documentwrite("<td><input type='text'/>");
documentwrite("</td>");
documentwrite("<td><input type='text'/>");
documentwrite("</td>");
documentwrite("<td><input type='text'/>");
documentwrite("</td>");
documentwrite("<td><input type='text'/>");
documentwrite("</td>");
documentwrite("<td><input type='text'/>");
documentwrite("</td>");
documentwrite("</tr>");
}
documentwrite("</table>");
}
</script>
</head>
<body>
<center>
<div style="text-align:left;">
<input type="button" value="生成表格" onclick="keypress1()"/>
<div>
</center>
</body>
</html>
function addHTML()
{
var table=documentgetElementById("mytable");
var tds=tablegetElementsByTagName("td");
for(var i=0;i<tdslength;i++)
{
if(tds[i]id=="tdi")
{
tds[i]innerHTML="<input type=\"checkbox\" value=\"aaaaaaa\">";
}
}
}
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）