Get checked values of checkbox list using jquery

Question

I have a couple of checkbox with the name etapes. I'd like to get all the checked etapes's value and store it in a single string.

So tried this :

$('[name="etapes"]:checked').each(function() {
    indexer = indexer + 1;
    if (indexer == 1) selectedEtapes = $(this).val();
    else selectedEtapes = selectedEtapes + "," + $(this).val();
});

but it didn't work. SO how can I fix this issue?

Rayon · Accepted Answer · 2016-10-06 17:46:27Z

1

Easier solution is to use jQuery.map

var mapped = $('[name="etapes"]:checked').map(function() {
  return this.value;
}).get();
console.log(mapped.join(','));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<input type="checkbox" name="etapes" value="Ouverte1" checked>
<input type="checkbox" name="etapes" value="Ouverte2">
<input type="checkbox" name="etapes" value="Ouverte3" checked>

Fix for your code:

You never accepted index argument,

var selectedEtapes = '';
$('[name="etapes"]:checked').each(function(index) {
  if (!index) selectedEtapes += $(this).val();
  else selectedEtapes += "," + $(this).val();
});

edited Oct 6, 2016 at 17:46

answered Oct 6, 2016 at 17:30

Rayon

36.6k5 gold badges54 silver badges78 bronze badges

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

1 Comment

Lamloumi Afif Over a year ago

I have for example this checkbox <input type="checkbox" name="etapes" value="Ouverte" checked="checked"> when I tried your solution I get a blank

Ibrahim Khan · Accepted Answer · 2016-10-06 17:44:00Z

1

You can do it using map() method like following.

var str = $('[name="etapes"]:checked').map(function() {
        return $(this).val();
    }).get().join();

console.log(str)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" name="etapes" value="Ouverte1" checked="checked">
<input type="checkbox" name="etapes" value="Ouverte2">
<input type="checkbox" name="etapes" value="Ouverte3" checked="checked">
<input type="checkbox" name="etapes" value="Ouverte4" checked="checked">

edited Oct 6, 2016 at 17:44

answered Oct 6, 2016 at 17:30

Ibrahim Khan

20.8k7 gold badges46 silver badges57 bronze badges

2 Comments

Lamloumi Afif Over a year ago

I have a list of checkbox like this <input type="checkbox" name="etapes" value="Ouverte" checked="checked">. Yout proposition give me a blank string

Ibrahim Khan Over a year ago

It should work. See updated code snippet. @LamloumiAfif

Collectives™ on Stack Overflow

Get checked values of checkbox list using jquery

2 Answers 2

1 Comment

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Related