日期:2014-05-16  浏览次数:20339 次

小需求,高手帮忙解决下
需求如下:
1、初始页面:

2、在两个文本框中输入数据,然后点击按钮,显示第三行数据

小水=(煤样第一次称重-煤样第二次称重)/煤样第一次称重

附页面代码:
HTML code
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
    <center>
    <form>
    <table>
    <tr>
    <td style=" font-size:small; WIDTH: 45%; TEXT-ALIGN: right">第一次煤样称重:</td>
    <td style="TEXT-ALIGN: left;size:12"><input type="text" name="firstweight"/></td>
    </tr>
    <tr>
    <td style=" font-size:small; WIDTH: 45%; TEXT-ALIGN: right">第二次煤样称重:</td>
    <td style="TEXT-ALIGN: left;size:12"><input type="text" name="firstweight"/></td>
    </tr>     
    <tr>
    <td style=" font-size:small; WIDTH: 45%; TEXT-ALIGN: right"></td>
    <td style="TEXT-ALIGN: left;size:12">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="button" value="计算小水" name="firstweight"/></td>
    </tr>
    <tr style="display:none">
    <td style=" font-size:small; WIDTH: 45%; TEXT-ALIGN: right">小水:</td>
    <td style="TEXT-ALIGN: left;size:12"><input type="text" name="firstweight"/></td>
    </tr>          
    </table>
    </form>
    </center>
</body>
</html>


------解决方案--------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<script type="text/javascript">
window.onload=function(){
$('btn_js').onclick=function(){
//获得第一次煤样称重
var firstweight=$('txt_firstweight').value;
//获得第二次煤样称重
var twoweight=$('txt_twoweight').value;
//计算小水
var jg=accDiv(accSub(firstweight,twoweight),firstweight);
//将小水赋值给显示小水的文本框
$('txt_jg').value=jg;
//将隐藏的tr设置为显示
$('tr_msg').style.visibility='visible';
}
}

//获得元素公共函数
function $(o){
return document.getElementById(o);
}

//减法函数,用来得到精确的减法结果
//说明:javascript的减法结果会有误差,在两个浮点数相减的时候会比较明显。这个函数返回较为精确的减法结果。
//调用:accSub(arg1,arg2)
// 返回值:arg1加上arg2的精确结果
function accSub(arg1,arg2){
   var r1,r2,m,n;
   try{r1=arg1.toString().split(".")[1].length}catch(e){r1=0}
   try{r2=arg2.toString().split(".")[1].length}catch(e){r2=0}
   m=Math.pow(10,Math.max(r1,r2));
   //last modify by deeka
   //动态控制精度长度
   n=(r1>=r2)?r1:r2;
   return ((arg1*m-arg2*m)/m).toFixed(n);
}

//除法函数,用来得到精确的除法结果
// 说明:javascript的除法结果会有误差,在两个浮点数相除的时候会比较明显。这个函数返回较为精确的除法结果。
//调用:accDiv(arg1,arg2)
//返回值:arg1除以arg2的精确结果
function accDiv(arg1, arg2) {
var t1 = 0, t2 = 0, r1, r2;
try { t1 = arg1.toString().split(".")[1].length } catch (e) { }
try { t2 = arg2.toString().split(".")[1].length } catch (e) { }
with (Math) {
r1 = Number(arg1.toString().replace(".", ""))
r2 = Number(arg2.toString().replace(".", ""))
return (r1 / r2) * pow(10, t2 - t1);
}
}