submit values of custom checkbox in form

Question

I have a div with a custom checkbox image. It is in a form. When clicked I alter the image to a "clicked image". I also adjust the value of a checkbox input which will get submitted to the form. The problem is even though the value of the "real" checkbox appears checked, it is always submitted as not checked.

    if (fakeCheck.hasClass('btn-palette-checkbox')) {
        fakeCheck.removeClass('btn-palette-checkbox');
        fakeCheck.addClass('btn-palette-checkbox-unchecked');
        $("#realCheck").attr("checked", false);
    }
    else {
        fakeCheck.addClass('btn-palette-checkbox');
        fakeCheck.removeClass('btn-palette-checkbox-unchecked');
        $("#realCheck").attr("checked", true);
    }

Edit: FYI the real checkbox is hidden

Bogdan · Accepted Answer · 2012-07-26 18:53:28Z

3

Try it like this to mark it as checked:

$("#realCheck").attr("checked", "checked");

And like this to uncheck it:

$("#realCheck").removeAttr("checked");

answered Jul 26, 2012 at 18:53

Bogdan

44.7k12 gold badges130 silver badges130 bronze badges

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

Comments

Community · Accepted Answer · 2017-05-23 11:48:14Z

3

From jQuery docs prop. This is if you are using jQuery 1.6+

The .prop() method should be used to set disabled and checked instead of the .attr() method. The .val() method should be used for getting and setting value.

$("#realCheck").prop("checked", true);
$("#realCheck").prop("checked", false);

Read more about using .prop vs using .attr here .prop() vs .attr()

edited May 23, 2017 at 11:48

CommunityBot

11 silver badge

answered Jul 26, 2012 at 19:09

wirey00

33.7k7 gold badges56 silver badges65 bronze badges

Comments

Diodeus - James MacFarlane · Accepted Answer · 2012-07-26 18:54:07Z

1

Checked, like disabled, is a binary property, not an attribute. You need to use:

$("#realCheck").attr("checked", "checked");

answered Jul 26, 2012 at 18:54

Diodeus - James MacFarlane

115k33 gold badges164 silver badges180 bronze badges

Collectives™ on Stack Overflow

submit values of custom checkbox in form

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related