如何在一个函数里获得在body里面写入的成绩信息并输出总数，我写的错了。 - 编程论坛

#2

冰镇柠檬汁儿2015-09-28 09:18

<body >
    语文<input type ="text" id="CH" name="CH">
    英语<input type="text" id="EH" name="EH">
    求总分<input type="button" onclick="f()" value="提交">
    <script >
        function f() {
            var a = getElementById("CH").value ();
            var b = getElementById("EH").value ();
            if (isNaN(a) || isNaN(b)) {
                alert('请输入数字'); //这里还可以做其他的一些验证
            }
            alert(parseInt(a) + parseInt(b));
        }
    </script>
</body>

[ 本帖最后由冰镇柠檬汁儿于 2015-9-28 12:37 编辑 ]

#3

wp2319572015-09-28 09:36

以下是引用冰镇柠檬汁儿在2015-9-28 09:18:25的发言：

<body >
   语文<input type ="text" id="CH" name="CH">
   英语<input type="text" id="EH" name="EH">
   求总分<input type="button" onclick="f()" value="提交">
<script >
function f()
{
   var a = getElementById("CH").value ();
   var b= getElementById("EH").value ();
  alert(a+b);  //我是想获得两个分数。输出总分。
}
</script>
</body>

我点完提交没有任何反应无任何提示东东

#4

林月儿2015-09-28 11:56

程序代码：

<body>
   语文<input type ="text" value="1" id="CH" name="CH">
   英语<input type="text" value="1" id="EH" name="EH">
   求总分<input type="button" onClick="f();" value="提交">
   <script language="JavaScript">
function f()
{
   var a = parseFloat(document.getElementById("CH").value);
   var b= parseFloat(document.getElementById("EH").value);
  alert(a+b);  //我是想获得两个分数。输出总分。
}
</script>
</body>

#5

wp2319572015-09-28 13:47

2楼之前的代码和后改的代码还是4楼的代码点完提交后都没反应

#6

林月儿2015-09-28 13:51

只有本站会员才能查看附件，请登录

#7

wp2319572015-09-28 13:55

只有本站会员才能查看附件，请登录

#8

林月儿2015-09-28 14:02

程序代码：

<body >
    语文<input type ="text" id="CH" name="CH">
    英语<input type="text" id="EH" name="EH">
    求总分<input type="button" onclick="f()" value="提交">
    <script >
        function f() {
            var a = document.getElementById("CH").value;
            var b = document.getElementById("EH").value;
            if (isNaN(a) || isNaN(b)) {
                alert('请输入数字'); //这里还可以做其他的一些验证
            }
            else
            {
                alert(parseInt(a) + parseInt(b));
            }
        }
    </script>
</body>

2楼代码改过才能在我的360浏览器运行。。。

#9

冰镇柠檬汁儿2015-09-28 22:44

没测试过，只是写个大概思路

#10

wp2319572015-09-29 08:22

目测alert应该是提示框一类的东东为啥我的弹不出来呢

#11

冰镇柠檬汁儿2015-09-29 09:02

浏览器屏蔽了，应该是你选过不再显示

#12

wp2319572015-09-29 09:12

现在抛弃ie 新的问题又来了

那个单独的执行 alert("dfgsdfasdd"); 这个是可以执行的（搜狗浏览器可以看到提示框）

而放到函数里却无法执行貌似 f（）函数没有被调用呢

#13

wp2319572015-09-29 09:22

可以被调用呢

程序代码：

语文<input type ="text" id="CH" name="CH">
    英语<input type="text" id="EH" name="EH">
    求总分<input type="button" onclick="f()" value="提交">
    <script language="javascript">
        function f()
        {
           alert("test")
        }
    </script>

这样可以执行计算确是不行不知道差在哪里

#14

冰镇柠檬汁儿2015-09-29 16:01

<!DOCTYPE html>

<html lang="en" xmlns="http://www.
<head>
    <meta charset="utf-8" />
    <title></title>
</head>
<body>
    语文<input type="text" id="CH" name="CH">
    英语<input type="text" id="EH" name="EH">
    求总分<input type="button" onclick="f()" value="提交">
    <script>
        function f() {
            var a = document.getElementById("CH").value;
            var b = document.getElementById("EH").value;
            if (a === '' || b === '') {
                alert('请填入成绩');
                return;
            }
            if (isNaN(a) || isNaN(b)) {
                alert('请输入数字');
                return;
            }
            alert(parseInt(a) + parseInt(b));
        }
    </script>
</body>
</html>

#15

wp2319572015-09-30 08:47

回复 14楼冰镇柠檬汁儿

我把 <meta charset="gb2312" /> 这里的utf-8 修改为gb2312 后能够正确运行

#16

冰镇柠檬汁儿2015-09-30 09:34

那是你文件保存格式的问题，在网页中不建议使用gb2312，这样很容易造成编码问题

#17

a3608958142015-10-02 20:15

#18

leeqihero2016-03-25 16:46

<html>
<head>
<META http-equiv=Content-Type content="charset=utf-8">
<script>
function 求总分()
{
    var 语文分数 = document.getElementById("语文").value;
    var 英语分数 = document.getElementById("英语").value;
    if (isNaN(语文分数) || isNaN(英语分数))
    {
        document.getElementById("显示").innerHTML='请输入数字'; //这里还可以做其他的一些验证
    }
    else
    {
        document.getElementById("显示").innerHTML=parseInt(语文分数) + parseInt(英语分数);
    }
}
</script>
<head>
<body>
语文<input type ="text" id="语文">
英语<input type="text" id="英语">
求总分<input type="button" onclick="求总分()" value="提交"><br />
<p id="显示"></p>
</body>
</html>