根据用户在Javascript上的选择获取值并显示_Javascript_Html

根据用户在Javascript上的选择获取值并显示

javascript html

根据用户在Javascript上的选择获取值并显示,javascript,html,Javascript,Html,问题是如何从表单的用户输入中获取值，并计算值，然后通过无线框将其显示在选择中。用户可以选择提交选择或清除表单这是HTML代码： <body> <form name="frm"> <table bordercolor="black" width="500"> <td colspan="4" align="center"><b>TBB1033/TCB1033 Coursework Marks

问题是如何从表单的用户输入中获取值，并计算值，然后通过无线框将其显示在选择中。用户可以选择提交选择或清除表单

这是HTML代码：

<body>
    <form name="frm">
        <table bordercolor="black" width="500">
            <td colspan="4" align="center"><b>TBB1033/TCB1033 Coursework Marks Calculator</br></b>

                </br>Please enter marks for the following coursework components.</br>The mark for each component is between 0 and 100 inclusive.</br>
                </br>
                <tr>
                    <td></td>
                    <td>Test 1:</td>
                    <td>
                        <input type="text" id="test1">
                        </th>
                    </td>
                    <td></td>
                </tr>
                </br>
                <tr>
                    <td></td>
                    <td>Test 2:</td>
                    <td>
                        <input type="text" id="test2">
                        </th>
                    </td>
                    <td></td>
                </tr>
                </br>
                <tr>
                    <td></td>
                    <td>Assignment:</td>
                    <td>
                        <input type="text" id="assignment">
                        </th>
                    </td>
                    <td></td>
                </tr>
                </br>
                <tr>
                    <td></td>
                    <td>Quiz:</td>
                    <td>
                        <input type="text" id="quiz">
                        </th>
                    </td>
                    <td></td>
                </tr>
                </br>
                <tr>
                    <td></td>
                    <td>Lab Work:</td>
                    <td>
                        <input type="text" id="labwork">
                        </th>
                    </td>
                    <td></td>
                </tr>
                </br>
                <tr>
                    <td></td>
                    <td>
                        <input type="radio" name="a" checked="checked">Coursework Marks</td>
                    <td>
                        <input type="radio" name="a">Coursework Grade</td>
                </tr>
                <tr>
                    <td></td>
                    <td>
                        <input type="button" value="Submit" onclick="calculate()" />
                    </td>
                    <td>
                        <input type="button" value="Clear" onclick="clear()" />
                    </td>
                </tr>
                <tr>
                    <td></td>
                    <td>Result:</td>
                    <td>
                        <input class="text" type="text" name="total" value="0" id="total">
                        </th>
                    </td>
                    <td></td>
                </tr>
    </form>
    </table>
</body>

</html>

结果如下：

试试这个

    function calculate() {
    var a = document.getElementById("test1").value;
    var b = document.getElementById("test2").value;
    var c = document.getElementById("assignment").value;
    var d = document.getElementById("quiz").value;
    var e = document.getElementById("labwork").value;
    document.getElementById("total").value  =  (parseInt(a) + parseInt(b) + parseInt(c) + parseInt(d) + parseInt(e));
}

function cclear() {
    document.getElementById("test1").value = '';
    document.getElementById("test2").value = '';
    document.getElementById("assignment").value = '';
    document.getElementById("quiz").value = '';
    document.getElementById("labwork").value = '';
}

要清除表单，可以使用

type=“reset”

清除表单

<input type="reset">

您可以替换：

var document.getElementById("total").value  =  parseInt(a) + parseInt(b) + parseInt(c) +
                                               parseInt(d + parseInt(e);

作者：

根据所计算的

课程成绩

？如果结果为90-100，则课程成绩为A，如果结果为80-90，则课程成绩为B，依此类推。它将根据用户在选择单选框上的选择基于OnClick（）进行计算，并根据用户选择显示在结果框中。

var document.getElementById("total").value  =  parseInt(a) + parseInt(b) + parseInt(c) +
                                               parseInt(d + parseInt(e);

 document.getElementById("total").value  =  parseInt(a) + parseInt(b) + parseInt(c) + 
                                            parseInt(d + parseInt(e);