javascript - Javascript选择和比较复选框

这个问题的标题似乎很糟糕，对此我深表歉意。我只是无法提出更好的措辞。

我正在尝试使用“ webapp”，使用户可以在网页上尝试XOR，NOR和AND等逻辑运算符。但是，我在编程上很费劲，尤其是在NOR运算符上-只有在未选中我的两个复选框的情况下，该运算符才有效。

iif ($("#norA").prop("checked") || $("#norB").prop("checked"))  {
  $("#nors").html("off");}
  {$("#nors").html("on");}
  

<div class="row" id="options">
<div class="col-md-2"><div class="checkbox">
      <label><input type="checkbox" name="nor" id="norA">A</label>
      </div>
      <div class="checkbox">
      <label><input type="checkbox" name="nor" id="norB">B</label>
      </div></div>

<div class="row" id="result">
  <div class="col-md-2"><p id="nors">on</p></div></div> <!--placeholder of the solution/output -->

最佳答案

该代码将处理输入并选择正确的nor条件。请注意，通过将功能代码与事件处理程序分开，您还可以使用它来设置初始条件，这可以做到。

$(document).ready(function() {
    $("input:checkbox").change(function() {
        toggleNors();
    });
    toggleNors();
})

function toggleNors() {
    var nor = !$("#norA").is(":checked") && !$("#norB").is(":checked")
    $("#nors").text(nor ? "on" : "off");
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="row" id="options">
    <div class="col-md-2"><div class="checkbox">
        <label><input type="checkbox" name="nor" id="norA">A</label>
    </div>
    <div class="checkbox">
        <label><input type="checkbox" name="nor" id="norB">B</label>
    </div>
</div>

<div class="row" id="result">
    <div class="col-md-2">
        <p id="nors">on</p>
    </div>
</div>

当且仅当未同时检查nor和a时，b truth table为true，这就是实现方式。

关于javascript - Javascript选择和比较复选框，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/37646339/