Javascript 选择和比较复选框

Question

这个问题的标题似乎很糟糕，我对此表示由衷的抱歉。我只是想不出更好的措辞。

我正在尝试开发一个“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 -->

Answer 1

$(document).ready(function(){

$("[type=checkbox]").change(function(){
if (!($("#norA").is(":checked") && $("#norB").is(":checked")))  {      $("#nors").html("on");}
else {$("#nors").html("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>