如何使用 jquery 获取选中复选框数组的长度？

Posted 2023-05-09

【中文标题】如何使用 jquery 获取选中复选框数组的长度？

【英文标题】：How can get length on checked checkbox array with jquery?

【发布时间】：2017-11-03 06:11:42

【问题描述】：

我想使用 jQuery 来获取复选框数组的长度，如下所示：

<li><input name="skills['11111']" class="skills" value="1" type="checkbox" /></li>
<li><input name="skills['22222']" class="skills" value="2" type="checkbox" /></li>
<li><input name="skills['33333']" class="skills" value="3" type="checkbox" /></li>
<li><input name="skills['44444444']" class="skills" value="4" type="checkbox" /></li>

<li><input name="test['999999999']" class="tesst" value="4" type="checkbox" /></li>

另外，我有一些字段输入复选框不同的名称，我只想得到复选框name= skills

在这种情况下，长度为 4。我该怎么做？

【问题讨论】：

$('input[type=checkbox]:checked').length

抱歉，我有一些字段输入复选框，但我只想获取复选框名称=技能。

学习基本的查询选择器...

这不是一个真正的问题。而且 *** 不是免费的代码编写服务。考虑阅读：***.com/help/how-to-ask

【参考方案1】：

所以拥有你想要的 5+ 个复选框：

只获取那些name 属性以skills=[ 开头的人

var $skills = $(":checkbox[name^='skills[']");
var totSkills = $skills.length;

console.log("There are %d skills checkboxes",  totSkills);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
  <li><input name="skills['11111']" class="skills" value="1" type="checkbox" /></li>
  <li><input name="skills['22222']" class="skills" value="2" type="checkbox" /></li>
  <li><input name="skills['33333']" class="skills" value="3" type="checkbox" /></li>
  <li><input name="skills['44444444']" class="skills" value="4" type="checkbox" /></li>
  <li><input name="test['999999999']" class="tesst" value="4" type="checkbox" /></li>
</ul>

【讨论】：

太棒了。非常感谢