Uncheck a checked checkbox with jquery in asp.net

Question

I have several checkboxes inside an UpdatePanel of asp.net

Let's say, I have 3 checkboxes in that panel. Each time, one checkbox is checked, the previous checked checkbox will be unchecked.

I have tried like this:

<asp:CheckBox ID="CheckBoxExport1" CssClass="checkboxSingle" />                                     

<asp:CheckBox ID="CheckBoxExport1" CssClass="checkboxSingle" />                                     

<asp:CheckBox ID="CheckBoxExport1" CssClass="checkboxSingle" />

In js:

 $('.checkboxSingle').live('click', function (e) {

        if ($(this).is(':checked')) {
            $(".checkboxSingle").attr('checked', false);
            $(this).attr('checked', 'checked')
        }
    });

The click is function but the rest does not.

Why don't you just use <asp:RadioButton>? Also, in ASP, shouldn't the value of the checked-attribute be true instead of checked? — anroesti
– anroesti, Commented Oct 1, 2011 at 11:38
is it a problem if I put them inside an UpdatePanel? @ipr101 — olidev
– olidev, Commented Oct 1, 2011 at 12:08
@devn The update panel could be making a difference - see forums.asp.net/t/1189519.aspx/1 — ipr101
– ipr101, Commented Oct 1, 2011 at 12:48

MrJD · Accepted Answer · 2011-10-03 07:53:20Z

3

What's happening is that on postback the page reloads and the JavaScript doesn't re-run. I'm posting from my phone so I don't have the code on me. But google "updatepanel JavaScript postback". You need to use an asp page event.

I'll edit this later if you tell me you can't find it.

Good luck

answered Oct 3, 2011 at 7:53

MrJD

1,8641 gold badge23 silver badges41 bronze badges

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

Comments

DigitalFox · Accepted Answer · 2013-04-15 19:52:22Z

0

It is simple, (asp:CheckBox) is rendered as a (span) with label and input field with type="check". So when you are trying to say $(".chkboxClass").removeAttr('checked'); you are actually calling the (span) tag and that is the reason it is not working. To make it works just add:

$(".chkboxClass :input").removeAttr('checked');

Good luck

answered Apr 15, 2013 at 19:52

DigitalFox

1,5041 gold badge13 silver badges19 bronze badges

Comments

trydent · Accepted Answer · 2015-09-09 19:37:55Z

0

this is similar to DigitalFox response, but this is how I got it to work:

$(".checkboxSingle input").is(":checked");

answered Sep 9, 2015 at 19:37

trydent

813 bronze badges

Collectives™ on Stack Overflow

Uncheck a checked checkbox with jquery in asp.net

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related