javascript - JS/JQuery - 获取复选框值时出现问题

Question

我在动态生成的 (ASP) 照片库中有许多复选框。每个复选框的名称为“照片”，值中包含照片 ID，如下所示:

<form name="selectForm" id="selectForm">
<input type="checkbox" onclick="selectPhoto(<%=rs1.Fields("photoID")%>)" id="checkbox_<%=rs1.Fields("photoID")%>" class="photos" name="photos" value="<%=rs1.Fields("photoID")%>">
</form>

在不提交表单的情况下，当用户单击复选框时，我需要创建一个以逗号 (,) 分隔的列表，其中包含名为“照片”的复选框的所有选中值。这就是我测试的，但它警告“未定义”!对于那些不熟悉它的人来说，ASP 是正确的。

function selectPhoto(id) {
... other stuff that uses id ...
var allValues = document.selectForm.photos.value;
alert(allValues);
}

但正如我上面所说，这会返回“未定义”，我可以找出原因。当用户选择照片时，我只需要显示已单击的所有照片 ID 的列表，例如1283,1284,1285,1286...

你知道我在这里做错了什么吗？或者还有其他方法可以实现这一目标吗？

Answer 1

试试这个:

var allValues = [];
$('input.photos').each(function(){
  allValues.push($(this).val());
});

alert(allValues.join(','));