JS表单自动求和的问题

JS表单自动求和的问题,第1张

代码有点乱,整理了一下
<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')"/>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12575616.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-26
下一篇 2023-05-26

发表评论

登录后才能评论

评论列表(0条)

保存