<script language="JavaScript">
function Amount(i){
var Price=documentgetElementById("CargoPrice"+i)value;
var Quantity=documentgetElementById("CargoQuantity"+i)value;
var CargoAmount=PriceQuantity
documentgetElementById("CargoAmount"+i)value=CargoAmounttoFixed(2);
}
function TotalAmounts(){
var Totales=0;
for(var i=1;i<11;i++) {
var Amountes=documentgetElementById("CargoAmount"+i)value;
Totales=Totales+Amountes;
}
documentgetElementById("TotalAmount")value=TotalestoFixed(2);
}
</script>
上边的是你原先的js代码
下边的是我修改之后的
function Amount(i){
var Price=documentgetElementById("CargoPrice"+i)value;
var Quantity=documentgetElementById("CargoQuantity"+i)value;
//这里我加上了俩句转换方法,因为你直接获取value的时候,值是一个字符串类型
//没法像数字一样相乘,所以得转换成数字才可以相乘
var CargoAmount= parseFloat(Price) parseFloat(Quantity);
documentgetElementById("CargoAmount"+i)value=CargoAmounttoFixed(2);
}
function TotalAmounts(){
var Totales=0;
for(var i=1;i<11;i++) {
var Amountes=documentgetElementById("CargoAmount"+i)value;
//同样,将获取的值转换成数字
Totales=Totales + parseFloat(Amountes);
}
documentgetElementById("TotalAmount")value=TotalestoFixed(2);
}
实现方法是:给第二个文本框绑定失焦事件,获取第一个和第二个输入框中输入的值,并将其转化成数字类型,相加后将结果插入到第三个文本框中:
<input type="text" id="one"><input type="text" id="two">
<input type="text" id="three">
<script type="text/javascript" src="jquery-183minjs"></script>
<script type="text/javascript">
$('#two')blur(function(){
var one = Number($('#one')val());
var two = Number($('#two')val());
var num = one+two;
$('#three')html(num);
})
</script>
//一定要转化才能进行运算,否则会成为字符串连接运算
<html>
<head>
<meta >
<title>无标题</title>
<script type="text/javascript">
function sum(obj) {
var z = documentgetElementById("z");
var a = documentgetElementById("a");
var b = documentgetElementById("b");
var c = documentgetElementById("c");
allvalue=parseInt(zvalue);
if(avalue!='')
{
yvalue=parseInt(avalue);
hvalue=parseInt(zvalue)-parseInt(avalue);
}
if(avalue!=''&&bvalue!='')
{
yvalue=parseInt(bvalue)+parseInt(avalue);
hvalue=parseInt(zvalue)-parseInt(avalue)-parseInt(bvalue);
}
if(avalue!=''&&bvalue!=''&&cvalue!='')
{
yvalue=parseInt(bvalue)+parseInt(avalue)+parseInt(cvalue);
hvalue=parseInt(zvalue)-parseInt(avalue)-parseInt(bvalue)-parseInt(cvalue);
}
}
</script>
</head>
<body>
总分:<input type="text" id="z" οnkeyup="sum(this);" />
<input type="text" id="a" οnkeyup="sum(this);" />
<input type="text" id="b" οnkeyup="sum(this);" />
<input type="text" id="c" οnkeyup="sum(this);" />
总分:<input type='text' id='all' style="border:0px solid white; width:25px" />
已选:<input type='text' id='y' style="border:0px solid white; width:25px" />
还剩:<input type='text' id='h' style="border:0px solid white; width:25px" />
</body>
</html>
扩展资料
js实现input的赋值
<input id="name1" name="teacherName" type="text" />
$('#name1')val('值');
documentgetElementById('name1')value='值';
documentgetElementById('name1')html('值');
documentgetElementById('name1')attr('值');
documentgetElementById('name1')innerText = '值';
<input class="easyui-textbox" id="name" name="teacherName" type="text" />
$('#name')textbox('setValue','值');
var val = $("#name")textbox('getValue')
给每个文本框取一个id,比如Iptid1--Iptid10。这些id的名称都是根据你的文本框递增来变化的,比如你有5个,那你五个文本框的id就分别是Iptid1,Iptid2,Iptid3,Iptid4,Iptid5。
取总值的时候可以这样
documentgetElementById("Iptid1")value这样就可以取到一个文本框的值了,然后求和即可。<javascript >
function $(value){
return documentgetElementById(value);
}
function onFocusinput(value){
var objectinput1 = $('1');
var objectinput2 = $(value);
var number = objectinput2value;
var countnumber;
countnumber = parseInt(number) + objectinput2 value;
objectinput1value = countnumber ;
}
</javascript >
<input id="1" type="text"/>
<input id="2" type="text" onFocus="onFocusinput('2')"/>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)