javascript - asp.net mvc 复选框取消选中对 toher 的检查

Question

我有一个带有两个复选框的 MVC 2 视图，如下所示：

                    <%: Html.Label("Is Customer")%>
                   <% 
                       accountStatus = Model.AccountStatus == "Customer" ? true : false;
                    %>
                    <%: Html.CheckBox("IsCustomer", accountStatus.Value, new { onclick = "uncheckAll(this);" })%>

我希望如果一个复选框被选中，那么另一个复选框未被选中。我得到这样的ID：

function uncheckAll(ID) {
    var search_form = document.getElementById('frmAccountEdit');
    var IsTrialAccount = document.getElementById('IsTrialAccount');  // getElementsByTagName("input");
    var IsCustomer = document.getElementById('IsCustomer');

如何使它起作用？

Answer 1

好吧，试试下面的。它将清除 IsTrialAccount 和 IsCustomer，然后检查选中的复选框。如果您不希望“IsTrialAccount”具有相同的功能，则不要将其添加到其按钮单击事件并删除“|| inputs[j].name == “IsCustomer””部分

function uncheckAll(Checkbox)
{
    var inputs = document.getElementsByTagName("input");
    for(var j = 0; j < inputs.length; j++) {
      if(inputs[j].type == "checkbox" && 
        (inputs[j].name == "IsTrialAccount" || inputs[j].name == "IsCustomer"))
      {
         inputs[j].checked = false;
      }     
    }
   // Check the selected checkbox
   Checkbox.checked = true;
 }