单选按钮不工作.不确定是按钮的问题还是我的功能问题

Question

我试图在html中使用单选按钮，但是当我测试我的代码时，我想要发生的事情并没有发生。我不确定这是因为单选按钮还是我做的功能。这里是单选按钮，以及我的一些其他输入:

<input type="text" id="num1">
+<input type="radio" name="group1" id="add" value="add">
-<input type="radio" name="group1" id="subtract" value="subtract">
*<input type="radio" name="group1" id="multiply" value="multiply">
/<input type="radio" name="group1" id="divide" value="divide">
<input type="text" id="num2">
<input type="text" id="answer" readonly>
<input type="button" value="Calculate" onClick="operation()"

下面是我写的函数:

function operation() {
    if (document.getElementById("add").checked) {
        calculate0()
    }
    if (document.getElementById("subtract").checked) {
        calculate1()
    }
    if (document.getElementById("multiply").checked) {
        calculate2()
    }
    if (document.getElementById("divide").checked) {
        calculate3()

谢谢!

Answer 1

这里有一个简单的小提琴

修改脚本如下:

function operation() {
var ans =document.getElementById("answer");
if (document.getElementById("add").checked) {
    ans.value= calculate('add');
}
if (document.getElementById("subtract").checked) {
    ans.value= calculate('subtract');
}
if (document.getElementById("multiply").checked) {
    ans.value= calculate('multiply');
}
if (document.getElementById("divide").checked) {
    ans.value= calculate('divide');
}
}
function calculate(action){
        var num1 = document.getElementById("num1").value;
        var num2 = document.getElementById("num2").value;
        var result;
        switch(action){
            case 'add':
                result= parseInt(num1)+parseInt(num2);
                break;
            case 'subtract':
                result= num1-num2;
                break;
            case 'multiply':
                result= num1*num2;
                break;
            case 'divide':
                result= num1/num2;
                break;
        }
        return result;
    }

边注:现在可能是开始关闭HTML标签的好时机