Select array from checkbox value with Jquery

Question

I have a checkbox set to checked:

<input type="checkbox" value="24hrs" name="timeformat[]" id="isCheckedFormat" checked>

<select class="form-control" name="Mon1" id="mon1"></select>

I try to do a JQuery so that if it's checked it uses an array with certain values and if it's not checked than with different array values.

if ($('#isCheckedFormat').is(':checked')true){ 
    var vals = [1,2,3,4,5];           
}else{
     var vals = ['a','b','c','d','e'];    
 }

These then populate select fields:

for(var i = 0; i<vals.length; i++) {
$('#mon1').append('<option val="'+vals[i]+'">'+vals[i]+'</option>'); 
}

At the moment the 'select option' doesn't get populated by either values from the array vals

JSFiddle

Other than the typo which @Milind mentioned - you say "These then populate select fields" - where are you doing this? Seems that you've closed the change function. — Davie Brown
– Davie Brown, Commented Aug 20, 2014 at 15:32

Milind Anantwar · Accepted Answer · 2014-08-20 15:23:19Z

3

You have a type in if statement. use:

if($('#isCheckedFormat').is(':checked'))

answered Aug 20, 2014 at 15:23

Milind Anantwar

82.3k26 gold badges97 silver badges128 bronze badges

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

Comments

Davie Brown · Accepted Answer · 2014-08-20 15:53:57Z

1

Be careful with the scope of your vals array. see: http://jsfiddle.net/52jw5Lpv/7/

You are having a problem since you are defining the array inside the if statement, which means it doesn't exist outside it. See my link for a fix. Note that the array/var has been defined before the if statement.

Also - note that on the initial load, the values aren't currently reflected - so you'll need to sort that. Also - Multiple check/uncheck will continually append the values, so that needs fixed aswell. (Guess these are separate issues which you should be able to sort)

edited Aug 20, 2014 at 15:53

answered Aug 20, 2014 at 15:41

Davie Brown

7175 silver badges23 bronze badges

2 Comments

user94628 Over a year ago

thanks. I've updated the JSFiddle for the other fixes to. jsfiddle.net/52jw5Lpv/24

Davie Brown Over a year ago

No problem. Nice one!

Collectives™ on Stack Overflow

Select array from checkbox value with Jquery

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related