Get input type checkbox values in one array in required format

Question

I am trying to get values from checkboxes in the following format of an array. Maybe this is the simple problem for you guys but I am really stuck here.

This is my input types

<input type="checkbox" id="any" name="chk" value="value1">
<input type="checkbox" id="any1" name="chk" value="value2">
<input type="checkbox" id="any2" name="chk" value="value3">
<input type="checkbox" id="any3" name="chk" value="value4">
<input type="checkbox" id="any4" name="chk" value="value5">

jQuery code

var fuelType =new Array();
  $.each($("input[name='chk']:checked"), function(){
    console.log($(this).val())
    fuelType.push($(this).val());
});
fuelType = fuelType.join(",");
console.log(fuelType);

I am getting following log

["value1,value2,value3",value4",value5"]

Required response

["value1","value2,"value3","value4","value5"]

Ok, then I'm still confused. fuelType already fits that pattern without doing anything to it. It's an array of strings — Taplar
– Taplar, Commented Oct 25, 2018 at 17:39
I don't understand why I am not getting required format, thats why I've posted here :( — Jagdeesh Kumar
– Jagdeesh Kumar, Commented Oct 25, 2018 at 17:40
jsfiddle.net/0y4p6w2x The variable is already an array of strings. If you wanting the console log of that to print out in a pre-defined manner, then you are actually asking to take an array, format it to a string, and print the string. — Taplar
– Taplar, Commented Oct 25, 2018 at 17:42
Yes it is giving right output in fiddle but I don't know why I am unable to get it into my page :( — Jagdeesh Kumar
– Jagdeesh Kumar, Commented Oct 25, 2018 at 17:45
jsfiddle.net/0y4p6w2x/1 [] vs new Array() doesn't change the result. You have something else going on with your code that is not reflected in your question as it currently stands. — Taplar
– Taplar, Commented Oct 25, 2018 at 17:47

Alek Aleksandrov · Accepted Answer · 2018-10-25 17:52:50Z

1

This is what you need to change you jQuery to:

var fuelType =new Array();
$.each($("input[name='chk']:checked"), function(){
    console.log($(this).val())
    fuelType.push($(this).val());
});
console.log(fuelType);

What you were doing is joining the array of strings and delimiting them with a ','. That does not create an array of strings. That creates a single string that separate the keys with ','. If you had a different set of data you could use Array.prototype.map() to create a new array, but you already have it as another poster has mentioned.

edited Oct 25, 2018 at 17:52

answered Oct 25, 2018 at 17:49

Alek Aleksandrov

583 silver badges10 bronze badges

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

1 Comment

Jagdeesh Kumar Over a year ago

Yes you are right I was making mistake with join(); Thanks Alek and Talpar

Collectives™ on Stack Overflow

Get input type checkbox values in one array in required format

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related