Checkbox won't return checked value in jquery

Question

I have the following post request. It's sending all other fields successfully. However, whatever I try it simply does not pick up the check box. I've tested the id with a click event and alert and it's definitely referencing the checkbox ok.

$.post("http://" + window.location.host + "/exec_messages_send.php",
{
    receiver : $("#messages_receiver").val(),
    title : $("#messages_title").val(),
    body : $("#wysi_textarea_message_body").val(),
    urgent : $("#messages_urgent").checked
}

This is the html, rendered with php:

echo "<input type=\"checkbox\" id=\"messages_urgent\"> Mark as <span class=\"label label-important\">Urgent</span>";

How do I get the value of the checkbox? I've already tried .val() and .attr('checked') and .checked and a few other methods...

.checked only works on regular javascript elements, not jQuery elements — adeneo
– adeneo, Commented Jun 17, 2013 at 12:35
Where is the value in check box ? If no value then you can get true or false — Hkachhia
– Hkachhia, Commented Jun 17, 2013 at 12:37

Adil Shaikh · Accepted Answer · 2013-06-17 12:34:21Z

3

use -

urgent : $("#messages_urgent")[0].checked

Or

urgent : $("#messages_urgent").is(':checked');

answered Jun 17, 2013 at 12:34

Adil Shaikh

44.8k17 gold badges95 silver badges112 bronze badges

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

Comments

GautamD31 · Accepted Answer · 2013-06-17 12:33:43Z

0

Have you tried with

$("#messages_urgent").is(':checked').val();

or you can directly like

$("#messages_urgent:checked").val();

and also give some value to checkbox

echo "<input type=\"checkbox\" value=\"my_value\" id=\"messages_urgent\"> Mark as <span class=\"label label-important\">Urgent</span>";

answered Jun 17, 2013 at 12:33

GautamD31

28.8k10 gold badges66 silver badges86 bronze badges

Comments

A. Wolff · Accepted Answer · 2013-06-17 12:34:32Z

0

Not sure i understand your problem here, but maybe just use .prop():

urgent : $("#messages_urgent").prop('checked')

answered Jun 17, 2013 at 12:34

A. Wolff

74.4k9 gold badges98 silver badges158 bronze badges

2 Comments

z1m.in Over a year ago

Or urgent : $("#messages_urgent")[0].checked

A. Wolff Over a year ago

Or urgent : $("#messages_urgent").get(0).checked. Using .prop() is just the jquery way to do it

Community · Accepted Answer · 2017-05-23 11:51:20Z

0

I'm presuming you want to serialize a form in some way. In your example you pick the fields in JS but unless you have need to change where the data is coming from dynamically, you'd get the same results far more easily by using the default behavior of submitting a form.

There doesn't seem to be a name attribute on the input element. Inputs without name are ignored by default, as are checkboxes with value false. But you can work around it with reading the checked-property as indicated in the other answers.

Normally serializing form also ignores checkboxes if they are not checked. Eg. How can I serializeArray for unchecked checkboxes?

edited May 23, 2017 at 11:51

CommunityBot

11 silver badge

answered Jun 17, 2013 at 12:37

Marcus

5,1633 gold badges35 silver badges39 bronze badges

Comments

dsgriffin · Accepted Answer · 2013-06-17 12:39:31Z

0

$('#messages_urgent').is(':checked') will do.. :-)

edited Jun 17, 2013 at 12:39

dsgriffin

68.9k17 gold badges141 silver badges139 bronze badges

answered Jun 17, 2013 at 12:37

raavan

881 silver badge11 bronze badges

Comments

vaultah · Accepted Answer · 2015-08-11 20:31:41Z

0

Try this

$("#messages_urgent").is(':checked'); // it returns true of false

edited Aug 11, 2015 at 20:31

vaultah

46.9k13 gold badges120 silver badges145 bronze badges

answered Jun 17, 2013 at 12:38

sangram parmar

8,7862 gold badges26 silver badges48 bronze badges

Collectives™ on Stack Overflow

Checkbox won't return checked value in jquery

6 Answers 6

Comments

Comments

2 Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

Comments

2 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related