javascript - 通过jquery获取复选框值

Question

有这样的动态复选框：

<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">

如何获取每个选中复选框的值。

我用了

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

但它没有用。

Answer 1

没有value()函数使用val()您可以使用 each 来遍历带有 class 的元素ami，

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

Answer 2

试试这个方法

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

Answer 3

试试这样：

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

Answer 4

这将在一个数组中给出所有检查的值。

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