Checkbox value is always returning false

Question

I have a checkbox

<input id="Run" name="Run" value="true" type="checkbox">

<input name="Run" value="false" type="hidden">

and When I try to get the value it always returns false

 $('#Run').val()

"False"

I tried to get the value using .prop

$('#Run').prop('checked')

but I still get the value as false

I also tried

 $('#Run').on('change', function () {
        $('#Run').val($(this).is(':checked') ? 'True' : 'False');
    });

Satish Kumar sonker · Accepted Answer · 2016-02-15 17:36:27Z

5

if you only want to access checkbox property then try this one.

 $(document).ready(function () {
        $('#Run').on('change', function () {
           alert($(this).is(':checked'));
        });
    });

if you only want to access checkbox property and assign to hidden input then try this one.

 $(document).ready(function () {
        $('#Run').on('change', function () {
            $('input[name="Run"]').val($(this).is(':checked') ? 'true' : 'false');
        });
    });

answered Feb 15, 2016 at 17:36

Satish Kumar sonker

1,3089 silver badges16 bronze badges

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

1 Comment

Mithun Over a year ago

Thanks , Worked when I used name="Run"

Rino Raj · Accepted Answer · 2016-02-15 16:34:17Z

1

$('#Run').on('change', function () {
     $('input[type=hidden]').val($(this).is(':checked'));
});

is() will return either true or false

DEMO Fiddle

edited Feb 15, 2016 at 16:34

answered Feb 15, 2016 at 16:28

Rino Raj

6,2622 gold badges29 silver badges44 bronze badges

Comments

Thomas Orlita · Accepted Answer · 2016-02-15 16:45:23Z

1

function checkCheckbox() {
    document.getElementById('RunHidden').value = document.getElementById('Run').checked;
}

<input id="Run" name="Run" value="true" onchange="checkCheckbox()" type="checkbox">
<input id="RunHidden" name="RunHidden" value="false" type="text">

Check if checkbox Run is checked:

Pure JavaScript:

if(document.getElementById('Run').checked) {
    alert('Checked!');
}

jQuery:

if($("#Run").is(':checked')) {
    alert('Checked!');
}

edited Feb 15, 2016 at 16:45

answered Feb 15, 2016 at 16:29

Thomas Orlita

1,64817 silver badges29 bronze badges

Comments

Cheezy Code · Accepted Answer · 2016-02-15 17:14:43Z

0

You always set checked=true for checkboxes instead of value=true.

<input type="checkbox" checked="true"/>

to check it value you need to check as

var boolean = $('#idOfCheckbox').is(':checked');

It the attribute checked that is important This is same in case of radiobuttons as well.

Value is used for textboxes(input type=text)

answered Feb 15, 2016 at 17:14

Cheezy Code

1,7151 gold badge14 silver badges18 bronze badges

Comments

Adharsh M · Accepted Answer · 2017-05-30 17:28:12Z

0

Apart from various functions like .is(':checked'), .prop('checked'), .attr('checked'), you can try using the wild card selectors if your control is in update panel like

To get all the elements starting with "mock" you should use:

$("[id^=mock]")

To get those that end with "mock"

$("[id$=mock]")

Collectives™ on Stack Overflow

Checkbox value is always returning false

5 Answers 5

1 Comment

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

1 Comment

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related