使用 ES6 箭头函数获取选中复选框值的列表

【问题标题】：Getting list of checked checkbox values using ES6 arrow function使用 ES6 箭头函数获取选中复选框值的列表
【发布时间】：2017-03-16 12:43:23
【问题描述】：

我的复选框如下所示：

<input type="checkbox" value="abc" checked>
<input type="checkbox" value="def" checked>

我知道我可以使用

获得所有值

$('input[type=checkbox]:checked').map(function() { return $(this).val(); }).get();

我认为使用箭头函数的 ES6 等效项类似于

$('input[type=checkbox]:checked').map((el) => el.value).get();

但我得到的只是一个空数组。

为什么？

【问题讨论】：

【解决方案1】：

JQuery 的.map() method 在回调的second 参数中传递对元素的引用。第一个参数是一个索引。

你得到一个空数组，因为.value 是undefined 的索引（数字），当你返回undefined jQuery 的.map() 时不会向结果中添加元素。

所以：

$('input[type=checkbox]:checked').map((i, el) => el.value).get();

（所以问题不是因为您使用了箭头函数而不是标准函数。）

【讨论】：