JQUERY获取按ID检查的复选框列表

Question

我目前有一个隐藏的具有相同 ID 的复选框列表，我想获取已选中的复选框的列表，这可能吗？我目前使用的是这种格式:

selected_list = $("#ID").attr("checked", "true");

然而，当我将它们读入具有如下循环的变量时，这仅返回顶部的一个:

list = '';
$(selected_list).each(
    function() {
          list += $(this).val() + " ";
    } 
);

alert(list);

有人知道更好的方法吗？或者为什么我的版本只返回第一个复选框？谢谢

Answer 1

您不应该重复使用 ID 值，它们应该是唯一的:

$("#elementID:checked");

理想情况下，您应该为它们提供相同的类或名称，具体取决于您想要如何使用它们。但您绝对不应该在单个页面上反复使用相同的 ID。

<input type="checkbox" name="Apples"  class="fruit" />
<input type="checkbox" name="Oranges" class="fruit" />

我们可以选择这些不同的方式。首先，按类别:

$(".fruit:checked");

或者只是通过模糊的复选框调用:

$(":checkbox:checked");

或者，对于单选按钮，如果它们都共享相同的 name 值:

$("[name='elements']:checked");