如何使用jquery获取具有相同类的多个复选框的值

时间:2012-03-13 21:11:32

标签: javascript jquery html

我需要获取当前使用jquery检查的所有复选框的值,我想我会把它全部放在一个数组中,但是我很难做到这一点。有人能够指出我的写作方向。

这是我到目前为止所使用的。我试图将当前检查的所有值发送到我拥有的div。

function cityPopulate() {


        var arr44 = new Array();   
        var cityNames22 = $("input[name=city_select[]]:checked").each(function(){arr44.push(this.value);});



        $("#city_pop").append(cityNames22.val());
    }

        When I try the code above, it just gives me the value of the first checkbox I check only. Not all of the rest. 

2 个答案:

答案 0 :(得分:2)

如果没有看到您所拥有的代码,我猜测您的确切架构,但在您指定用于创建数组的类的复选框上使用map()应该可以运行,请尝试:

var checkboxValues = $('.myCheckbox:checked').map(function() {
    return $(this).val();
}).get();
然后

checkboxValues将包含一个包含已选中复选框的所有值的数组。

答案 1 :(得分:0)

根据您分配给复选框的课程,它将如下所示:

var values = [];

$('.checkboxclass').each(function(){
  var $this = $(this);
  if ($this.is(':checked')) {
    values.push($this.val());
  }
});