Javascript 在选中另一个复选框时取消选中一个复选框

Question

这是一个使用 razor View 引擎的 MVC 3 应用程序。我在显示 2 个复选框的 View 中有以下代码行。当一个复选框被选中时，另一个复选框应该取消选中。我已经在我缺乏 exp 和 javascript 以及在谷歌上发现与此相关的线程的缺乏之间进行了搜索，我什至迷失了 javascript 的代码片段以用于一个有值(value)的起点。有任何想法吗？？下面是我自己编写的代码，但比这更难。

        $("#isStaffCheckBox").change(
              function (e) {
                  var checked = $(this).attr('checked');
                  if(checked)
                  {

    <li>Staff Member: @Html.CheckBoxFor(Function(f) f.isStaff, New With {.id = "isStaffCheckBox"}) Board Member: @Html.CheckBoxFor(Function(f) f.boardMember, New With {.id = "isBoardCheckBox"})</li>

非常感谢任何帮助..

Answer 1

如果出于某种原因需要将其设置为复选框而不是单选按钮，则应使用以下代码。

    $("#isStaffCheckBox").change(
          function (e) {
              $("#isBoardCheckBox").prop('checked',!this.checked);
          }
    });