Javascript：解析html表格

Question

我正在一個html頁面上工作。該頁面有一個包含3列和一個按鈕的表格。其中一個表的列是一個複選框（行數是動態改變的）：

<table cellpadding="0" cellspacing="0" border="1" class="display" id="tag" width="100%"> 
    <tbody> 
     <tr> 
      <td align="center"> 
       <input type="checkbox" class="case" name="case" value="0"/> 
      <td>fruit</td> 
      <td>apple</td> 
     </tr> 
     <tr> 
      <td align="center"> 
       <input type="checkbox" class="case" name="case" value="1"/> 
      <td>fruit</td> 
      <td>pear</td> 
     </tr> 
    </tbody> 
</table> 
<p><input type="button" value="Generate" onclick="generate()"></p> 

當用戶點擊「生成」按鈕，生成（）函數將產生的一個特殊字符串基地每行的列。

我的問題是，如何檢查「複選框」行是否被選中？我想在生成字符串時過濾那些未檢查過的行。

謝謝。

Answer 1

過濾器基於行經已選中複選框：

var rows = $(".case:checked").closest("tr"); 

這將返回一個包含所有錶行住房選中的複選框jQuery對象。

Answer 2

調用getElementsByName將爲您提供複選框的引用數組。 循環數組以獲取值。

var arr = document.getElementsByName("case"); 
for(i = 0; i < arr.length; i++){ 
    if(arr[i].checked){ 
     doSomething; 
    } 
}