0

私はhtmlページに取り組んでいます。このページには、3列のテーブルとボタンがあります。テーブルの列の1つはチェックボックスです（行数は動的に変更されます）。

<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（）関数は各行の列に基づいて特別な文字列を生成します。

私の質問は、「チェックボックス」行がチェックされているかどうかをどのように確認できるかということです。文字列を生成するときに、これらのチェックされていない行をフィルタリングしたいと思います。

ありがとう。

4

2 に答える 2

3

チェックボックスがオンになっている行をフィルタリングします。

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

これにより、チェックボックスがオンになっているすべてのテーブル行を含むjQueryオブジェクトが返されます。

于 2012-12-12T01:19:09.690 に答える
0

getElementsByNameを呼び出すと、チェックボックスの参照の配列が提供されます。値を取得するために配列をループします。

var arr = document.getElementsByName("case");
for(i = 0; i < arr.length; i++){
   if(arr[i].checked){
      doSomething;
   }
}
于 2012-12-12T01:32:57.733 に答える