get checkbox value by jquery

Question

there is dynamic checkbox like this :

<input type="checkbox" checked="checked" value="1" name="user_mail_check[]" class="ami">
<input type="checkbox" checked="checked" value="2" name="user_mail_check[]" class="ami">
<input type="checkbox"  value="3" name="user_mail_check[]" class="ami">
<input type="checkbox" checked="checked" value="4" name="user_mail_check[]" class="ami">
<input type="checkbox"  value="5" name="user_mail_check[]" class="ami">

How can I get value of each checked checkbox.

I used

$('.ami').is(":checked").value();

but it did not work.

Adil · Accepted Answer · 2013-03-06T09:10:15.420

3

There is no value() function use val() You can use each to iterate through the elements with class ami,

$('.ami:checked').each(function(){
  alert($(this).val());
});

edited Mar 06 '13 at 09:10

answered Mar 06 '13 at 09:00

Adil

143,427
25
201
198

you're selecting all checkboxes, not only the the checked ones – Dirty-flow Mar 06 '13 at 09:01
Thanks @Dirty-flow, updated my answer. – Adil Mar 06 '13 at 09:01
close alert box like : `alert($(this).val());` – Code Baba Mar 06 '13 at 09:05

score 0 · Answer 2 · answered Mar 06 '13 at 09:00

0

try like this:

$(function(){
  $('.ami').click(function(){
    var val = [];
    $(':checkbox:checked').each(function(i){
      val[i] = $(this).val();
    });
  });
});

answered Mar 06 '13 at 09:00

Amrendra

2,009
2
17
36

score 0 · Answer 3 · answered Mar 06 '13 at 09:00

0

This will give all the checked values in an array.

var values = $('.ami').map(function(i,el){
    if($(el).is(':checked')){
        return $(el).val()
    }
}).get();

answered Mar 06 '13 at 09:00

Arun P Johny

376,738
64
519
520

score 0 · Answer 4 · answered Mar 06 '13 at 09:08

0

Try this way,

$('.ami').each(function(){
  if($(this).is(':checked')){ 
    $(this).val(); // get checked value
  }
});

answered Mar 06 '13 at 09:08

Swarne27

5,411
7
25
40

get checkbox value by jquery

4 Answers4