我是靠谱客的博主 勤奋小蝴蝶,最近开发中收集的这篇文章主要介绍html 自动计算,使用JavaScript实现Input输入数据后自动计算并实时显示,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

代码实现:

无标题

function sum(obj) {

var z = document.getElementById("z");

var a = document.getElementById("a");

var b = document.getElementById("b");

var c = document.getElementById("c");

all.value=parseInt(z.value);

if(a.value!='')

{

y.value=parseInt(a.value);

h.value=parseInt(z.value)-parseInt(a.value);

}

if(a.value!=''&&b.value!='')

{

y.value=parseInt(b.value)+parseInt(a.value);

h.value=parseInt(z.value)-parseInt(a.value)-parseInt(b.value);

}

if(a.value!=''&&b.value!=''&&c.value!='')

{

y.value=parseInt(b.value)+parseInt(a.value)+parseInt(c.value);

h.value=parseInt(z.value)-parseInt(a.value)-parseInt(b.value)-parseInt(c.value);

}

}

总分:

总分:

已选:

还剩:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

效果实现:

d35320489f2891c9154dd237a0e8f61d.png

onkeyup:键盘按下的时候会触发onkeydown,松开键盘时会出发onkeyup。

parseInt:parseInt() 函数可解析一个字符串,并返回一个整数。

parseInt("10");//返回 10

parseInt("19",10);//返回 19 (10+9)

1

2

最后

以上就是勤奋小蝴蝶为你收集整理的html 自动计算,使用JavaScript实现Input输入数据后自动计算并实时显示的全部内容,希望文章能够帮你解决html 自动计算,使用JavaScript实现Input输入数据后自动计算并实时显示所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(52)

评论列表共有 0 条评论

立即
投稿
返回
顶部