当前位置:编程学习 > JS >>

javascript 乘法运输

asp 页面 数量乘以单价等于总价 3个数都是在文本框里 不是asp计算 就是在数量和单价的的文本框里输入数字在总价的文本框里能自动运输出来
补充:javascript 乘法运算  打错了!
		
追问:你这个算小数的时候不准 比如1.2*12 就是不准数

答案:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>计算</title>
</head>
<body>
<script>
function jisuan(){
 var i1 = document.getElementById("input1").value;
 var i2 = document.getElementById("input2").value;
 document.getElementById("input3").value = i1 * i2;
}
function danjia(){
 var obj = document.getElementById('input1');
 if( ! obj.value.match(/^\d*\.?\d{0,}$/)){
  alert('只允许输入数字,以及小数点!');
  obj.value = '';
  obj.focus();
 }
 jisuan();
}
function shuliang(){
 var obj = document.getElementById('input2');
 if( ! obj.value.match(/^\-?\d*$/)){
  alert('只允许输入整数!');
  obj.value = '';
  obj.focus();
 }
 jisuan();
}
</script>
单价:<input type="text" id="input1"  onkeyup="danjia();" />
数量:<input type="text" id="input2"  onkeyup="shuliang();"/>
总价:<input type="text" id="input3" readonly="readonly"/>
</body>
</html>

以上是代码.其中单价只允许输入数字,以及小数点,数量只允许输入整数,总价的输入框是只读的.页面编码是utf-8

假设数量的输入框的id=“quantity"

       价格的输入框的id = “price”

将此方法注册给数量输入框的onchage方法句柄

function calc()

{

  var qv =document.getElementById("quanfity").value;

       var pv = document.getElementById("price").value;

       if (!qv || !pv) return '';

       return parseInt(qv) * parseInt(pv);

}

上一个:javaScript正则表达式
下一个:如何启用JavaScript?

CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,