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;" />