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