javascript - html 和 javascript 中的复选框属性

Question

我正在尝试制作一个非常基本的计算器，并且我想要有复选框来选择对数字执行什么操作。我试图确保当选中一个框时，所有其他框都未被选中。我只是首先测试这一点，所以这就是为什么只有一个复选框有它的代码。我并不担心函数计算，因为我已经测试过它并且它有效。谢谢!

<form>
<input type="text" id="num1">
<input type="checkbox" value="+" onClick="calculate0();
document.getElementById("subtract").checked = "false";  ">
<input type="checkbox" value="-" id="subtract" onClick="calculate1()" checked="false">
<input type="checkbox" value="*" onClick="calculate2()">
<input type="checkbox" value="/" onClick="calculate3()">
<input type="text" id="num2">

<input type="text" id="answer" readonly>

</form>

Answer 1

使用单选按钮选择计算模式并仅使用“提交”按钮进行计算，或使用提交 - 按钮代替。这更加符合逻辑并且看起来更好!

编辑:

使用这样的单选按钮:

<form>
  <input type="radio" name="method" onclick="selectMethod('+');" />+ <br  />
  <input type="radio" name="method" onclick="selectMethod('-');" />- <br  />
  <input type="radio" name="method" onclick="selectMethod('*');" />* <br  />
  <input type="radio" name="method" onclick="selectMethod('/');" />/ <br  />
</form>

<script>
  var method = "+";

  function selectMethod(m) {
    method = m;
  }
</script>

或者使用像这样的提交按钮(这是最简单的方法):

<input type="submit" value="+" onclick="calculate0;" />
<input type="submit" value="-" onclick="calculate1;" />
<input type="submit" value="*" onclick="calculate2;" />
<input type="submit" value="/" onclick="calculate3;" />