javascript - 复选框不会使用 javascript 更改值

Question

我有 2 个复选框，其中只能选中一个或不选中。由于我无法进行回发，因此我尝试使用 Javascript 进行此操作。Javascript 找到了该元素(通过警报对其进行了测试)。但值不会改变。

知道如何使用 Javascript 做到这一点吗？

Javascript:

function mrcAndNbbFilterChanged(mrcOrNbb)
        {
            alert("er in");
          if(mrcOrNbb == 0)
          { 
            document.getElementById("ctl00_contentHolder_cb_mrcFilter").checked=true; 
            document.getElementById("ctl00_contentHolder_cbNoBackBilling").checked=false; 
            alert(document.getElementById("ctl00_contentHolder_cbNoBackBilling"));
            alert("0");
          }
          else
          {
            if(mrcOrNbb == 1)
            {
                alert("1");
                document.getElementById("cb_mrcFilter").checked=false; 
                document.getElementById("cbNoBackBilling").checked=true; 
            }
          }
        }

ASP代码:

<asp:CheckBox ID="cb_mrcFilter" runat="server" Text="Only MRC" OnClick="mrcAndNbbFilterChanged(0)" /> 
<asp:CheckBox ID="cbNoBackBilling" runat="server" Text="No back billing" OnClick="mrcAndNbbFilterChanged(1)"  />    

Answer 1

ASP.NET 在使用 ASP 控件时将 ctl00_ 式字符串应用于 ID 以确保它们是唯一的。您可以使用以下方法获取 ASP 修改后的 ID 值:

document.getElementById("<%= cb_mrcFilter.ClientID %>").checked=false;
document.getElementById("<%= cbNoBackBilling.ClientID %>").checked=true;

此外，作为旁注，您可以使用 else if { ... } ，而不是 else { if { ... } } 一种选择:

if(mrcOrNbb == 0) {
    ...
}
else if(mrcOrNbb == 1) {
    ...
}