Jquery checkbox issue

Question

I have a checkbox in a page and on page load it is unchecked. When the checkbox is being checked, the value TRUE is being passed correctly, though when the checkbox is remained unchecked on load of the page, the value FALSE is not being passed. I am using the following code to do this.

$(document).ready(function () {
    $('#MemberCountryOptInchkbox').change(function(){
        if($(this).attr('checked')){
              $(this).val('TRUE');
         }else{
              $(this).val('FALSE');
         } 
    });
});

This is what your looking for. http://stackoverflow.com/questions/426258/how-do-i-check-a-checkbox-with-jquery-or-javascript — Anil, Dec 01 '11 at 11:41

dash · Answer 1 · 2011-12-01T12:00:02.183

0

Note that JustAnil's comment points to the perfect answer IMO.

If a checkbox isn't checked, then when a form is posted, nothing is posted - it only get's submitted when the checkbox is checked.

So server side, if there isn't a value for your checkbox in request.forms or similar, then you can assume it isn't checked.

edited Dec 01 '11 at 12:00

answered Dec 01 '11 at 11:41

dash

89,546
4
51
71

score 0 · Answer 2 · answered Dec 01 '11 at 11:42

0

When a checkbox is deselected its value is not passed by the form. If you don't want to check against this behaviour, use an hidden field.

answered Dec 01 '11 at 11:42

Viruzzo

3,025
13
13

score 0 · Answer 3 · answered Dec 01 '11 at 11:42

0

Try using click handler instead of change

$('#MemberCountryOptInchkbox').click(function(){

answered Dec 01 '11 at 11:42

Gautam

7,868
12
64
105

score 0 · Answer 4 · edited Jun 08 '13 at 19:27

Your current implementation attaches the change-handler to your checkbox when the page is loaded. However, this doesn't mean the code is executed on page load. To accomplish that you should have something along the lines of:

$(document).ready(function () {

    $('#MemberCountryOptInchkbox').change(function(){
        if($(this).attr('checked')){
            $(this).val('TRUE');
        }else{
             $(this).val('FALSE');
        }
    });

    if($(this).attr('checked')){
        $(this).val('TRUE');
    }else{
         $(this).val('FALSE');
    }
});

This makes sure the code is also executed once at page load.

score 0 · Answer 5 · answered Dec 01 '11 at 11:52

0

The solution is simple to your problem, you can use the following markup for your check box

<input type="checkbox" value="FALSE">...

This will submit the value "FALSE" to the server if the checkbox is not selected

answered Dec 01 '11 at 11:52

Kamran Ali

5,904
2
26
36

Jquery checkbox issue

5 Answers5