ASP多行表单输入多个数字自动相加显示结果

远方的文

于 2022-08-06 11:54:00 发布

阅读量327

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/cnljc/article/details/126192371

版权

这是一个使用JavaScript实现的功能，当在HTML表单中输入多个数字时，会自动相加并显示总分。表单包括姓名和三门学科（语文、数学、英语），每行输入完成后，对应的总分会即时更新。通过onChange事件触发AddToTotal函数，该函数获取每个输入框的值，转换为整数并累加，最后将结果更新到总分输入框中。

摘要由CSDN通过智能技术生成

<body>
<script language="JavaScript" type="text/javascript">
function AddToTotal(id1,id2,id3,id4)
{
var o1 = document.getElementById(id1);
var o2 = document.getElementById(id2);
var o3 = document.getElementById(id3);
var o4 = document.getElementById(id4);
var total = 0;
if ( o1.value != "" )
total += parseInt(o1.value);
if ( o2.value != "" )
total += parseInt(o2.value);
if ( o3.value != "" )
total += parseInt(o3.value);
o4.value = total;
}
</script>