jquery on click checkbox issue

Question

Here is the Fiddle.

So I've set up this little example of what I am trying to do. I want this checkbox to work as the following. When user tries to enable/click the checkbox (mostly for people who are not computer savvy), I would like for it to alert them saying "You must login to do this action".

I can't figure it out. I've been searching all over for an answer, and couldn't find one.

Thanks a lot in advance for all your answers!

It's not working because onclick events don't fire for disabled checkboxes. — mittmemo, Aug 24 '12 at 01:28
Here is a post very similar to yours. http://stackoverflow.com/questions/6781467/how-can-i-execute-a-function-when-a-disabled-checkbox-is-clicked — mittmemo, Aug 24 '12 at 01:29

score 4 · Accepted Answer · answered Aug 24 '12 at 01:28

4

Simply remove the disabled attribute from the checkbox. Also, if you want to show the alert only when the checkbox gets checked, use the following instead:

$(".check").click(function() {
    if (this.checked) {
        alert("You must sign in to do this.");
    }
});

answered Aug 24 '12 at 01:28

João Silva

89,303
29
152
158

@Mitchell: Hi, what are you looking for? – João Silva Aug 24 '12 at 01:40
I'm looking for it to alert me when disabled. but its fine. no worries. for my app its not a big deal. – sgerbhctim Aug 24 '12 at 01:44

score 0 · Answer 2 · answered Aug 24 '12 at 01:29

0

Remove the checked and disabled attributes and use this code:

$(".check").click(function() {
    if ($(this).is(':checked')) alert("You must sign in to do this.");
});

jsFiddle example

answered Aug 24 '12 at 01:29

j08691

204,283
31
260
272

jquery on click checkbox issue

2 Answers2