Question

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

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

我希望如果选中一个复选框，则取消选中其他复选框。我得到这样的ids：

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“”part

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;
 }

asp.net mvc复选框取消选中toher

1 个答案: