Unable to enable checkboxes in IE when using ASP.NET CheckBox controls

Question

I have an HTML form with two disabled checkboxes and and image with an onclick event that needs to show a popup and enable the checkboxes:

<input id="chk1" type="checkbox" disabled="disabled" />
<input id="chk2" type="checkbox" disabled="disabled" />
<img src="..." onclick="window.open('...'); document.getElementById('chk1').disabled=false;document.getElementById('chk2').disabled=false" />

except it doesn't work. The popup window opens, but the checkboxes never enable.

Instead of disabled=false I've tried removeAttribute("disabled") with no luck. I also placed the window.open as the last statement in the onclick with no change.

jQuery is not in this project (yet) so I can't use it. What am I doing wrong?

Edit:

When I posted this, I failed to disclose the input tags are being rendered by ASP.NET. Through testing we've discovered there's a difference between using <asp:CheckBox /> and <input type="checkbox" runat="server" /> that affects how the disabled property behaves in IE and FF.

I've been under the impression that the final output would be the same, but apparently not, though I haven't been able to spot the difference. The rendered code as represented above works in FF but not IE when using an CheckBox object, but works in both when using an HtmlInputCheckBox object.

(I should also point out that the getElementById calls are actually using the ASP.NET ClientID property for the respective elements.)

My question now, then, is why is this the case? Why does the enable/disable functionality work in both IE and FF when using a HtmlInputCheckBox object but not for a CheckBox object?

@Michael - What browser are you using? I was able to pretty much copy/paste your code into IE with no problems.... — Brian
– Brian, Commented Jul 29, 2011 at 17:10
IE8. Fortunately(?) this is for an intranet app where we can dictate the browser. — Michael Itzoe
– Michael Itzoe, Commented Jul 29, 2011 at 19:03
I just wanted to write what others have implied in their solutions below. If you use a <asp:CheckBox /> and disable it on the server, the <span> that wraps it is also marked as disabled. IE has trouble with this while FF & Chrome ignore it. The only thing you need to do is checkbox.parentNode.removeAttribute('disabled'); — Mark Dornian
– Mark Dornian, Commented Oct 8, 2015 at 17:17

KV Prajapati · Accepted Answer · 2012-10-04 06:02:09Z

2

Try with this,

inputElement.removeAttribute( 'disabled' );
inputElement.closest('span').removeAttribute( 'disabled' );

edited Oct 4, 2012 at 6:02

KV Prajapati

94.8k20 gold badges151 silver badges188 bronze badges

answered Oct 4, 2012 at 5:42

Sravandhi

212 bronze badges

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

Comments

davidlebr1 · Accepted Answer · 2013-08-19 20:54:02Z

2

I just found the solution. It works for me !

var checkBox = document.getElementById('" + chkBox.ClientID + "');
checkBox.removeAttribute('disabled');
checkBox.parentNode.removeAttribute('disabled');

answered Aug 19, 2013 at 20:54

davidlebr1

4332 gold badges6 silver badges16 bronze badges

Comments

Grigor · Accepted Answer · 2011-07-29 17:10:04Z

0

First check your network, second here is a link, a nice function to use for you

Checkbox Disable/Enable JS Function

answered Jul 29, 2011 at 17:10

Grigor

4,06910 gold badges44 silver badges80 bronze badges

Comments

JAAulde · Accepted Answer · 2011-07-29 17:12:56Z

0

To enable a checkbox, I generally apply both of the following:

inputElement.disabled = false;
inputElement.removeAttribute( 'disabled' );

Some browsers like the DOM node property, others want the attr adjusted.

I apologize if this is what you said you were doing which was not working--I wasn't quite clear on what you were saying.

answered Jul 29, 2011 at 17:12

JAAulde

19.5k5 gold badges56 silver badges65 bronze badges

Comments

lazoDev · Accepted Answer · 2011-07-29 18:08:28Z

0

Try doing this:

document.getElementById('chk1').getAttribute("disabled") = false;

answered Jul 29, 2011 at 18:08

lazoDev

3591 gold badge4 silver badges19 bronze badges

Comments

toopay · Accepted Answer · 2011-07-29 17:26:50Z

-2

In fact, you do the oppisite to enable your checkbox. Try these...

document.formname.chkname.disabled='';

edited Jul 29, 2011 at 17:26

answered Jul 29, 2011 at 17:12

toopay

1,62311 silver badges18 bronze badges

1 Comment

Rudu Over a year ago

Think you have to enable irony setting first.

Collectives™ on Stack Overflow

Unable to enable checkboxes in IE when using ASP.NET CheckBox controls

6 Answers 6

Comments

Comments

Comments

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

Comments

Comments

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related