使用 jQuery 选择复选框组的值

我正在使用 Zend_Form 输出一组复选框：

<label style="white-space: nowrap;"><input type="checkbox" name="user_group[]" id="user_group-20" value="20">This Group</label>

对于普通的 HTTP Post，这些值作为数组传递，但是当我有点困惑如何使用 jQuery 获取所有值时。我想我可以使用以下方法选择组：

$("input[@name='user_group[]']").val()

但这只是获取列表中第一个复选框的值，无论它是否被选中。有任何想法吗？

您可以使用选中的选择器仅获取选定的选择器（无需知道计数或自己迭代它们）：

$("input[name='user_group[]']:checked")

对于这些选中的项目，您可以创建这些值的集合或对集合执行某些操作：

var values = new Array();
$.each($("input[name='user_group[]']:checked"), function() {
  values.push($(this).val());
  // or you can do something to the actual checked checkboxes by working directly with  'this'
  // something like $(this).hide() (only something useful, probably) :P
});