Retrieve 1 is checkbox is checked

Question

I have this checkbox:

<input id="IsOutdoors" class="checkbox" type="checkbox" value="1">

And I'm trying to retrieve 1 if it's checked.

I've tried: var IsOutdoors = $('#IsOutdoors').val(); Which always returns 1 no matter what.

I've tried: var IsOutdoors = $("#IsOutdoors option:selected").val(); which returns nothing

I've tried: var IsOutdoors = $('#IsOutdoors').is(':checked'); which returns true/false

Any other simple ways of returning the number? Thanks!

partially a duplicate of http://stackoverflow.com/questions/7820683/convert-boolean-result-into-integer-in-jquery — furins, Dec 17 '12 at 21:47

Ram · Answer 1 · 2012-12-17T21:57:36.000

4

var IsOutdoors = $('#IsOutdoors').is(':checked') ? 1 : 0;
// ||
var IsOutdoors = document.getElementById('IsOutdoors').checked ? 1 : 0;

edited Dec 17 '12 at 21:57

answered Dec 17 '12 at 21:45

Ram

score 3 · Accepted Answer · answered Dec 17 '12 at 21:47

3

var IsOutdoors = +$('#IsOutdoors').is(':checked')

answered Dec 17 '12 at 21:47

VeXii

This works great and is simple! Thanks to you and to everybody :) – pufAmuf Dec 17 '12 at 21:49

score 2 · Answer 3 · answered Dec 17 '12 at 21:46

2

How about using a ternary operator for that? What should IsOutdoors contain if the checkbox isn't checked?

var IsOutdoors = ($('#IsOutdoors').is(':checked')) ? $('#IsOutdoors').val() : false;

answered Dec 17 '12 at 21:46

BenM

score 2 · Answer 4 · answered Dec 17 '12 at 21:47

2

If you want to retrieve the value of checkbox try:

var IsOutdoors = $('#IsOutdoors:checked').val();

answered Dec 17 '12 at 21:47

Aleksandr M

score 1 · Answer 5 · answered Dec 17 '12 at 21:46

1

var $checkbox = $('#IsOutdoors');

if( $checkbox.is(':checked')){
    alert($checkbox.attr('value'));
})

answered Dec 17 '12 at 21:46

Sushanth --

5 Answers5