0

我正在尝试获得 4 分的平均值并将其传递到文本字段中。

它确实得到了平均值，唯一不起作用的部分是该grade.value = grade;部分

这是我的代码：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Week #10 JavaScript Assignment: Problem #1</title>
<script type = "text/javascript">
function calcgrade(one,two,three,four){
    sum = parseInt(one.value) + parseInt(two.value) + parseInt(three.value) + parseInt(four.value);
    grade = sum / 4;
    grade.value = grade;
}
</script>
</head>
<body>
<h1>Calculate Grade</h1>
<form>
    <table>
        <tr>
            <th>Assignment #</th>
            <th>Grade</th>
        </tr>
        <tr>
            <td>1</td> 
            <td><input type="text" id="one" name="one"></td>
        </tr>
        <tr>
            <td>2</td>
            <td><input type="text" id="two" name="two"></td>
        </tr>
        <tr>
            <td>3</td>
            <td><input type="text" id="three" name="three"></td>
        </tr>
        <tr>
            <td>4</td>
        <td><input type="text" id="four" name="four"></td>
        </tr>
        <tr><td colspan="2"><input type="button" onclick="calcgrade(one, two, three, four)" value="Calculate Grade"></td></tr>
        <tr>
            <td>Grade:</td>
            <td><input type="text" id="grade" name="grade"></td>
        </tr>
    </td>
</form>
</body>
</html>
4

4 回答 4

2

你需要在javascript中获取元素

gradeEle = document.getElementById("grade");
gradeEle.value = grade;
于 2013-11-12T02:07:16.823 回答
2

利用
document.getElementById('grade').value=grade;

于 2013-11-12T02:07:40.860 回答
1

它应该是：

document.getElementById('grade').value = grade;
于 2013-11-12T02:07:21.653 回答
1

您正在尝试重用grade2 个不同的值，但它只能保留其中一个。

   grade.value = grade;
// ^ element
//               ^ division result

您要么想要使用不同的变量：

var result = sum / 4;
grade.value = result;

或者，您可以完全跳过它：

grade.value = sum / 4;

不过，请注意，ids 的自动全局变量并不总是得到保证，通常不建议依赖它们。

您可以改为访问任何named 表单项，<form>反之亦然。

<input type="button" onclick="calcgrade(this.form)" ...>

function calcgrade(form){
    var sum = parseInt(form.one.value) + parseInt(form.two.value) + parseInt(form.three.value) + parseInt(form.four.value);
    form.grade.value = sum / 4;
}

或者，使用getElementById()具体查找每个：

function calcgrade() {
    var grade = document.getElementById('grade');
    var one = document.getElementById('one');
    // etc.
}
于 2013-11-12T02:07:34.970 回答