Checkbox won't change value with javascript

Question

I have 2 check boxes where only one or none may be checked. Since I can't do a postback I tried this with Javascript. The Javascript finds the element (tested it with an alert). But the value won't change.

Any Idea how I can do this with Javascript?

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

The ASP code:

<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)"  />

why not just use the checkbox list (or radio button list my be better as that limits the user to only having one selected), also is there a reason you can't do a post back? — jgok222
– jgok222, Commented May 22, 2013 at 9:57
@ØHankyPankyØ I'll try to do this. But I won't be surprised if it works in Fiddle — Freddy
– Freddy, Commented May 22, 2013 at 9:59
@jgok222 Checkbox list could be an option. Doesn't need a radio button always need one value to be selected? (it also looks different). There will be functions running when I do a postback, this is why I can't do this. — Freddy
– Freddy, Commented May 22, 2013 at 10:01
as @JamesDonnolly pointed, you should check the HTML code generated by ASP, to be sure that you are using the correct ID ;) — Tomas Ramirez Sarduy
– Tomas Ramirez Sarduy, Commented May 22, 2013 at 10:03

James Donnelly · Accepted Answer · 2013-05-22 09:56:51Z

4

ASP.NET applies that ctl00_-esque string to IDs when using ASP controls to ensure they are unique. You can get the ASP-modified ID value using:

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

Also, as a side note, you can use else if { ... }, rather than else { if { ... } } when only dealing with one alternative:

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

answered May 22, 2013 at 9:56

James Donnelly

129k35 gold badges215 silver badges224 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Tomas Ramirez Sarduy Over a year ago

+1 for the else if advice, but I'm wondering if an else would be enough on this case ;)

Freddy Over a year ago

It was indeed the id, Thanks!

Collectives™ on Stack Overflow

Checkbox won't change value with javascript

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related