通过jquery获取复选框值[重复]答案

【问题标题】：get checkbox value by jquery [duplicate]通过jquery获取复选框值[重复]
【发布时间】：2013-02-20 23:30:14
【问题描述】：

有这样的动态复选框：

<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();

但它不起作用。

【问题讨论】：

标签： javascript jquery checkbox

【解决方案1】：

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

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

【讨论】：

您选择了所有复选框，而不仅仅是选中的复选框
感谢@Dirty-flow，更新了我的答案。
关闭警告框，例如：alert($(this).val());

【解决方案2】：

试试这样：

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

【讨论】：

【解决方案3】：

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

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

【讨论】：

【解决方案4】：

试试这个方法，

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

【讨论】：