用jquery .val（）返回一个数组

Question

我有一组复选框，只想将选中的复选框连接到查询字符串中，但是由于某种原因，val（）仅返回第一个复选框。 jQuery API文档提到selects可以从.val（）函数返回一个数组，我是否也可以使用原型或jquery插件获得相同的输入行为？

这是我的代码：

$('.boxes input:checked');
// [ <input type="checkbox" value="val1">, <input type="checkbox" value="val2">, <input type="checkbox" value="val3"> ]
$('.boxes input:checked').val();
// "val1"

理想情况下，第二个控制台输出为：

$('.boxes input:checked').val();
// [ "val1", "val2", "val3" ]

Answer 1

val返回具有multiple属性的select元素的选定值的数组，对于其他元素，它返回集合中第一个元素的值。 您可以使用map方法：

var values = $('.boxes input:checked').map(function() {
   return this.value;
}).get();

您还可以定义一个方法：

$.fn.vals = function() {
    var first = this.get(0);
    if ( this.length === 0 ) return [];

    if ( first.tagName === 'SELECT' && first.multiple ) {
        return this.val();
    }

    return this.map(function() { return this.value; }).get();
}
// ...
var values = $('.boxes input:checked').vals();