Javascript在選中其他復選框時取消選中復選框

Question

這是一個使用剃刀視圖引擎的MVC 3應用程序。 我在視圖中有以下代碼行，顯示2個復選框。 選中一個時，另一個復選框應取消選中。 我已經搜索了我的缺乏exp與javascript和缺乏在谷歌相關的線程相關我甚至迷失了甚至javascript的代碼片段用於一個有價值的起點。 有任何想法嗎？？ 下面是我自己編寫的內容，但是比這更加困難。

        $("#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);
          }
    });

Answer 2

更改屬性“（”＃isBoardCheckBox“）。prop”to“（”＃isBoardCheckBox“）。attr”。

工作良好！

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

Answer 3

//如果您使用jquery版本1.6.4或更低版本使用“attr”，如果您使用更高版本（1.9或更高版本），請使用“prop”而不是attr。

碼：

<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>Checkbox</title>
        <script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function () {
                $(":checkbox").change(function () {
                    $("input:checkbox").attr("checked", false);
                    $(this).attr("checked", "checked");
                });
            });
        </script>
    </head>
    <body>
        <input type="checkbox" id="chk1" value="1" /> Staff Member  <br/>
        <input type ="checkbox" id="chk2" value="2" /> Board Member
    </body>
</html>

請查看此鏈接JsFiddle我的代碼

Javascript在選中其他復選框時取消選中復選框

問題描述

3 個解決方案

解決方案1
5 已采納 2013-05-26 01:35:16

解決方案2
2 2013-10-10 19:20:13

解決方案3
0 2013-05-26 03:13:29

Javascript在選中其他復選框時取消選中復選框

問題描述

3 個解決方案

解決方案1 5 已采納 2013-05-26 01:35:16

解決方案2 2 2013-10-10 19:20:13

解決方案3 0 2013-05-26 03:13:29

解決方案1
5 已采納 2013-05-26 01:35:16

解決方案2
2 2013-10-10 19:20:13

解決方案3
0 2013-05-26 03:13:29