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()。それぞれを使用して、クラスの要素を反復処理できますami。

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

Answer 2

このようにしてみてください：

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

Answer 3

これにより、チェックされたすべての値が配列に表示されます。

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

Answer 4

この方法を試してください、

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