Get checkbox values using checkbox name using jquery

Question

I have several input checkboxes, (they name is same for send array on server).

So, I need get each value this checkboxes and I want use as selector checkbox names, this not works, help please.

<form>
  <input type="checkbox" name="bla[]" value="1" />
  <input type="checkbox" name="bla[]" value="2" />
</form>

js:

$(document).ready( function () {    

   $("input[name=bla]").each( function () {
       alert( $(this).val() );
   });

});

DEMO

Your code will work, if you remove [] in name param means bla[] to bla — Bhaskara Arani, Feb 22 '18 at 14:17

score 81 · Accepted Answer · edited Sep 02 '19 at 14:46

81

You are selecting inputs with name attribute of "bla", but your inputs have "bla[]" name attribute.

$("input[name='bla[]']").each(function (index, obj) {
        // loop all checked items
    });

http://jsfiddle.net/26axX/

edited Sep 02 '19 at 14:46

Baqer Naqvi

6,011
3
50
68

answered Jan 07 '13 at 08:51

Ram

143,282
16
168
197

Thanks very much, thanks everybody, I will accept this answer :) – Oto Shavadze Jan 07 '13 at 08:59
2

Add :checked to find only selected checkboxes as $("input[name='bla[]'] :checked").each( function () { – Satish Nov 23 '17 at 13:46

score 20 · Answer 2 · answered Sep 07 '17 at 11:31

20

If you like to get a list of all values of checked checkboxes (e.g. to send them as a list in one AJAX call to the server), you could get that list with:

var list = $("input[name='bla[]']:checked").map(function () {
    return this.value;
}).get();

answered Sep 07 '17 at 11:31

André

2,042
1
23
26

rbtLong · Answer 3 · 2013-01-07T09:02:57.247

14

You should include the brackets as well . . .

<input type="checkbox" name="bla[]" value="1" />

therefore referencing it should be as be name='bla[]'

$(document).ready( function () { 

   $("input[name='bla[]']").each( function () {
       alert( $(this).val() );
   });

});

edited Jan 07 '13 at 09:02

answered Jan 07 '13 at 08:54

rbtLong

1,542
3
14
31

score 11 · Answer 4 · answered Dec 01 '17 at 12:44

11

$('[name="CheckboxName"]:checked').each(function () {
    // do stuff
});

answered Dec 01 '17 at 12:44

Parameswaran

314
3
12

score 8 · Answer 5 · edited Jan 02 '17 at 06:47

8

I would like to add that if you're trying to get all of the check-boxes with that name that have been selected, you would want to use the following syntax:

$("[name='bla[]']:checked").each(function () {
    // do stuff
});

Make sure there is not a space between the closing ] and :checked

edited Jan 02 '17 at 06:47

Gaurang Joshi

684
16
32

answered Feb 23 '16 at 21:31

Bardicer

1,405
4
26
43

2

Good to see using `:checked` selector and avoiding an extra `if statement` – hmd Jan 18 '17 at 16:09

score 6 · Answer 6 · answered Feb 04 '16 at 07:10

// get checkbox values using checkbox's name

<head>
        <script>
        function getCheckBoxValues(){
            $('[name="checkname"]').each( function (){
                alert($(this).val());
            });
        }
        </script>
    </head>
    <body>
        <input type="checkbox" name="checkname" value='1'/>
        <input type="checkbox" name="checkname" value='2'/>
        <input type="checkbox" name="checkname" value='3'/>
        <input type="button" value="CheckBoxValues" onclick="getCheckBoxValues()"/>
    </body>

// get only the values witch are checked

function getCheckBoxValues(){
        $('[name="checkname"]').each( function (){
            if($(this).prop('checked') == true){
                alert($(this).val());
            }
        });
    }

score 5 · Answer 7 · answered Jan 07 '13 at 08:51

5

$("input[name='bla[]']").each( function () {
    alert($(this).val());
});

answered Jan 07 '13 at 08:51

Dirty-flow

2,306
11
30
49

score 4 · Answer 8 · answered Jan 07 '13 at 08:53

4

Like it has been said few times, you need to change your selector to

$("input[name='bla[]']")

But I want to add, you have to use single or double quotes when using [] in selector.

answered Jan 07 '13 at 08:53

realshadow

2,599
1
20
38

Get checkbox values using checkbox name using jquery

8 Answers8

Linked