JQuery get value of checkbox only if checked

Question

At the moment I am using the following bit of code to only get the values of checked checkboxes, however I am sure that there is an easier way that this.

if ($('#OPTtags-adventure-diving').is(':checked')) {
        var OPTtags-adventure-diving = $('#OPTtags-adventure-diving').val()
    } else var OPTtags-adventure-diving = '';

    if ($('#OPTtags-master-scuba-diver').is(':checked')) {
        var OPTtags-master-scuba-diver = $('#OPTtags-master-scuba-diver').val()
    } else var OPTtags-master-scuba-diver = '';

Is there?

Marvellous,

Minor point: variable names with hypens are illegal in JS. The problem is that OPTtags-adventure-diving could be interpreted as OPTtags minus adventure minus diving. Better to use camelCase or underscore. — johnhunter
– johnhunter, Commented Mar 11, 2011 at 11:07

Chris Diver · Accepted Answer · 2011-03-11 10:58:12Z

9

I have not checked this, but how about

var OPTtags-master-scuba-diver = $('#OPTtags-adventure-diving:checked').val()

Then your variable will be undefined or the value.

answered Mar 11, 2011 at 10:58

Chris Diver

19.9k4 gold badges50 silver badges58 bronze badges

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

1 Comment

Eric Caron Over a year ago

Do not overlook the subtle (though mentioned by Chris) fact that this will return "undefined" when the checkbox isn't checked.

Richard Dalton · Accepted Answer · 2011-03-11 10:58:23Z

3

This is a bit simpler:

var OPTtags-adventure-diving = $('#OPTtags-adventure-diving:checked').length ? $('#OPTtags-adventure-diving').val() : '';

Example - http://jsfiddle.net/infernalbadger/SfcjG/

answered Mar 11, 2011 at 10:58

Richard Dalton

35.8k6 gold badges75 silver badges92 bronze badges

Comments

Rendicahya · Accepted Answer · 2011-03-11 11:01:20Z

1

Just another way:

var $chkbox = $('#OPTtags-adventure-diving'),
    OPTtags-adventure-diving = $chkbox.is(':checked') ? $chkbox.val() : '';

answered Mar 11, 2011 at 11:01

Rendicahya

4,2858 gold badges40 silver badges56 bronze badges

Comments

Mohammed Safeer · Accepted Answer · 2015-09-03 17:16:37Z

1

try this,

var OPTtags-master-scuba-diver = $('#OPTtags-adventure-diving:checked').val() || '':

edited Sep 3, 2015 at 17:16

answered Jan 21, 2015 at 5:28

Mohammed Safeer

21.6k8 gold badges79 silver badges81 bronze badges

Comments

Alex Tartan · Accepted Answer · 2015-10-31 09:39:25Z

-1

$('#OPTtags-adventure-diving').prop('checked') ? $('#OPTtags-adventure-diving').val() : ''

edited Oct 31, 2015 at 9:39

Alex Tartan

6,84410 gold badges37 silver badges47 bronze badges

answered Oct 30, 2015 at 19:18

Mike Hensley

891 gold badge1 silver badge5 bronze badges

Collectives™ on Stack Overflow

JQuery get value of checkbox only if checked

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