JS/JQuery - 獲取複選框值的問題

Question

我在動態生成（ASP）照片庫中有很多複選框。每個複選框的名稱爲「照片」，幷包含在價值照片的身份證，就像這樣：

<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

我認爲，問題就來了一個事實，即「document.selectForm.photos」不是輸入而是一個數組。我有一些代碼爲你工作：

<script> 
function selectPhoto(id) { 
    var allCheckbox = document.selectForm.photos; 
    var allValues = [] 
    for (var i=0; i<allCheckbox.length; i++){ 
     if (allCheckbox[i].checked){ 
      allValues.push(allCheckbox[i].value) 
     } 
    } 
    alert(allValues.join(',')) 
} 
</script> 

<form name="selectForm" id="selectForm"> 
    <input type="checkbox" onclick="selectPhoto(1)" id="checkbox_1" class="photos" name="photos" value="1"> 
    <input type="checkbox" onclick="selectPhoto(2)" id="checkbox_2" class="photos" name="photos" value="2"> 
    <input type="checkbox" onclick="selectPhoto(3)" id="checkbox_3" class="photos" name="photos" value="3"> 
    <input type="checkbox" onclick="selectPhoto(4)" id="checkbox_4" class="photos" name="photos" value="4"> 
    <input type="checkbox" onclick="selectPhoto(5)" id="checkbox_5" class="photos" name="photos" value="5"> 
</form> 

Answer 2

試試這個：

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

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