html和javascript中的复选框属性

Checkbox attributes in html and javascript

本文关键字：复选框 属性 javascript html      更新时间：2023-09-26

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

<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="answerswer" readonly>
</form>

使用单选按钮选择计算模式，只使用"submit"按钮进行计算，或者使用submit -按钮代替。这更符合逻辑，看起来更好!

编辑:

像这样使用单选按钮:

<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;" />
相关文章：