retrieve boolean value of checkbox jquery/html

Question

I have a webserver running, which has a page containing a table with description and checkbox. What I need is to modify the row, therefore modify the state of the checkbox.

But when I click on the row to open a window from which I can edit the values, the checkbox is always set to false, even if it was true.

Here is the piece of my code that doesn't work:

if (selected_obj){
                      var markup = [
                          '<div class="confirmOverlay" id="edit_row_overlay">',
                          '<div id="edit_row_box" class="confirmBox">',
                          '<h1>Edit Row</h1>',
                          '<fieldset class="field">',
                          ' <label for="id_name">name:</label>',
                          ' <input type="text" name="name" id="id_name" value='+selected_obj.name+'>',
                          '</fieldset>',
                          '<fieldset class="field">',
                          ' <label for="id_description">description:</label>',
                          ' <input type="text" name="description" id="id_description" value='+selected_obj.description+'>',
                          '</fieldset>',
                          '<fieldset class="field">',
                          ' <label for="jqxcheckboxvalue">value:</label>',
                          ' <input type="checkbox" name="value" id="jqxcheckboxvalue" ' +
                          'value='+($('#jqxcheckboxvalue').is(':checked'))+'>',
                          '</fieldset>',
                          '<fieldset class="field buttons">',
                          '<div id="confirmButtons">',
                          ' <button id="save_add_parameter" class="button blue">${translator("save").title()}</button>',
                          ' <button id="close_add_parameter" class="button gray">${translator("close").title()}</button>',
                          '</div>',
                          '</fieldset>',
                          '</div></div>',
                      ].join('');

How can I get the state of the checkbox? Thank you

Tushar · Accepted Answer · 2015-08-27 04:11:06Z

1

You can use is() and :checked

alert($('#jqxcheckboxvalue').is(':checked'));

edited Aug 27, 2015 at 4:11

answered Jul 6, 2015 at 6:54

Tushar

87.4k21 gold badges164 silver badges182 bronze badges

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

2 Comments

Camilla Over a year ago

I use the pop up window to edit the value, alert() doesn't allow it and even if I use is(:checked) in the value of the input it doesn't get anything

Tushar Over a year ago

@Camilla Try var isChecked = $('#jqxcheckboxvalue').is(':checked'); alert(isChecked)

Nikhil Batra · Accepted Answer · 2015-07-06 11:28:58Z

0

You can use :checked and length as follow:

if($('#jqxcheckboxvalue:checked').length > 0)

edited Jul 6, 2015 at 11:28

answered Jul 6, 2015 at 6:56

Nikhil Batra

3,14816 silver badges20 bronze badges

2 Comments

Tushar Over a year ago

#jqxcheckboxvalue is unique, don't need to check length

Nikhil Batra Over a year ago

It has checked pseudo class, so it is checking if checked + id 's length is greater than 0 or not and note the id alone

Collectives™ on Stack Overflow

retrieve boolean value of checkbox jquery/html

2 Answers 2

2 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related