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>

当用户单击“生成”按钮时，generate（）函数将在每行的列上生成一个特殊的字符串。

我的问题是，如何检查“复选框”行是否被选中？ 我想在生成字符串时过滤那些未检查的行。

谢谢。

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;
   }
}