计算非空输入字段[]？

Question

使用 jQuery 如何计算数组 field[] 有多少个字段不为空？

输入字段的示例，

<input type="file" name="arquivo[]" id="arquivo">

我试图使用 map 和 get 来制作一些内容，但效果不佳：

var total = 0;
var count = $('#arquivo[value!=""]').map(function() { total = total+1; }).get();

但无论我填充了多少个字段，它总是以 1 的值结束，如果我没有填充 0 的字段。

Answer 1

您只需找到 j​​Query 对象的length，它就会返回匹配元素的数量：

$('#arquivo[value!=""]').length

但您确实知道这总是返回0或1？ id 属性仅对一个元素唯一，因此您不能多次重复使用它。

---

例如：

<div id="foo"></div>
<div id="foo"></div>

当您运行：

$('#foo').length;

它返回 1，因为 id 为 foo 的应该只有一个元素存在。

---

现在试试这个：

<div class="foo"></div>
<div class="foo"></div>

当你运行时：

$('.foo').length;

它返回2。为什么？因为class可以重复使用很多次。

---

你想做什么？您可以发布一个具有多个输入字段的场景吗？

Answer 2

如果你喜欢按元素名称查询和统计。您可以使用下面的代码

$('[name*=arquivo][value!=""]').length