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

这是一个简单的fiddle。

按如下方式修改脚本：

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标签的好时机

单选按钮不起作用。不确定它是按钮还是我的功能

1 个答案: