87,984
社区成员
发帖
与我相关
我的任务
分享JS 计算的问题!那位达人帮帮忙啊？
<input name="1" type="text" value="" />1<br /><br />
<input name="2" type="text" value="" />2<br /><br />
<input name="3" type="text" value="" />3
如上三个输入框中，第1个框×第2个框＝第3个框，
如何实现输入1、2自动算出3，输入1、3自动算出2来呢？
高手指教！
<input name="2" type="text" value="" />2<br /><br />
<input name="3" type="text" value="" />3
如上三个输入框中，第1个框×第2个框＝第3个框，
如何实现输入1、2自动算出3，输入1、3自动算出2来呢？
高手指教！
...全文
请发表友善的回复…
发表回复
Has_Lin 2008-03-04
- 打赏
- 举报
把你的name改了下
<html>
<head>
<script type="text/javascript">
var caculateParam = {
first:"undefined",
second:"undefined",
result:"undefined",
getfirst:function()
{
var val = eval( "this.result/this.second" );
if ( isNaN(val) )
{
return "undefined";
}
return eval( "this.result/this.second" );
},
getsecond:function()
{
var val = eval( "this.result/this.first" );
if ( isNaN(val) )
{
return "undefined";
}
return eval( "this.result/this.first" );
},
getresult:function()
{
var val = eval( "this.first*this.second" );
if ( isNaN(val) )
{
return "undefined";
}
return eval( "this.first*this.second" );
}
};
function get(aParam)
{
return caculateParam[aParam.id];
}
function set(aName,aValue)
{
if ( !isNaN(aValue) )
{
document.getElementById(aName).value = aValue;
}
}
function setParam(aParam)
{
if ( !isNaN(aParam.value) )
{
caculateParam[aParam.id] = aParam.value;
}
else
{
set(aParam.id,"");
}
}
function valueChange(aParam)
{
setParam(aParam);
var breakFlag = false;
var val;
for( p in caculateParam )
{
if ( typeof(caculateParam[p]) == "function" )
{
continue;
}
if ( breakFlag ) return;
try
{
val = caculateParam["get"+p]();
}
catch (e)
{
}
if ( !isNaN(val) )
{
breakFlag = true;
caculateParam[p] = val;
set( p,val );
}
}
}
function clearAll()
{
for( p in caculateParam )
{
if ( typeof(caculateParam[p]) == "function" )
{
continue;
}
set(p,"");
caculateParam[p] = "undefined";
}
}
</script>
</head>
<body>
<input id="first" type="text" value="" onchange="valueChange(this);"/> 1 <br /> <br />
<input id="second" type="text" value="" onchange="valueChange(this);"/> 2 <br /> <br />
<input id="result" type="text" value="" onchange="valueChange(this);"/> 3 <br /> <br />
<input id="clear" type="button" onclick="clearAll();" style="width:60px" value="清空"/>
</body>
</html>
<html>
<head>
<script type="text/javascript">
var caculateParam = {
first:"undefined",
second:"undefined",
result:"undefined",
getfirst:function()
{
var val = eval( "this.result/this.second" );
if ( isNaN(val) )
{
return "undefined";
}
return eval( "this.result/this.second" );
},
getsecond:function()
{
var val = eval( "this.result/this.first" );
if ( isNaN(val) )
{
return "undefined";
}
return eval( "this.result/this.first" );
},
getresult:function()
{
var val = eval( "this.first*this.second" );
if ( isNaN(val) )
{
return "undefined";
}
return eval( "this.first*this.second" );
}
};
function get(aParam)
{
return caculateParam[aParam.id];
}
function set(aName,aValue)
{
if ( !isNaN(aValue) )
{
document.getElementById(aName).value = aValue;
}
}
function setParam(aParam)
{
if ( !isNaN(aParam.value) )
{
caculateParam[aParam.id] = aParam.value;
}
else
{
set(aParam.id,"");
}
}
function valueChange(aParam)
{
setParam(aParam);
var breakFlag = false;
var val;
for( p in caculateParam )
{
if ( typeof(caculateParam[p]) == "function" )
{
continue;
}
if ( breakFlag ) return;
try
{
val = caculateParam["get"+p]();
}
catch (e)
{
}
if ( !isNaN(val) )
{
breakFlag = true;
caculateParam[p] = val;
set( p,val );
}
}
}
function clearAll()
{
for( p in caculateParam )
{
if ( typeof(caculateParam[p]) == "function" )
{
continue;
}
set(p,"");
caculateParam[p] = "undefined";
}
}
</script>
</head>
<body>
<input id="first" type="text" value="" onchange="valueChange(this);"/> 1 <br /> <br />
<input id="second" type="text" value="" onchange="valueChange(this);"/> 2 <br /> <br />
<input id="result" type="text" value="" onchange="valueChange(this);"/> 3 <br /> <br />
<input id="clear" type="button" onclick="clearAll();" style="width:60px" value="清空"/>
</body>
</html>
myvicy 2008-03-04
- 打赏
- 举报
在onchange里写函数
用document.getElementById(id).value来获取值
不难，但是有些烦琐罢了.
用document.getElementById(id).value来获取值
不难，但是有些烦琐罢了.
loveyunwt 2008-03-04
- 打赏
- 举报
<input name="w" type="text" /> *<input name="q" type="text"
onblur="document.all.e.value=document.all.w.value*document.all.q.value;" />=
<input name="e" type="text" />
