0

私は非常に愚かな問題で立ち往生しています。テーブル内のループを使用して動的に作成しているすべてのチェックボックスを選択しようとしています。テーブルの頭にチェックボックスがあり、頭のチェックボックスをクリックした後、テーブル内のすべてのチェックボックスを選択したいと思います。これが私のコードです。

    <table>
      <thead>
        <tr>
        <th class="spacer_100 align_ctr tooltip_trigger">
        Change Status <input type="checkbox" name="sample" onclick="selectAll()">
        </th>
        </tr>
      </thead>
      <tbody>

          <?php foreach ($users as $user) { ?>
          <tr>
          <td class="align_ctr" style="text-align: center">
           <input type="checkbox" name="current_status[]" value="1"/>
          </td>
          </tr>
          <?php } ?> 
      </tbody>
     </table>

JavaScriptコードは次のとおりです。

    function selectAll() {
      var checkboxes = document.getElementsByTagName("input");
       for(var i=1; i<checkboxes.length;i++) {
        if (checkboxes[i].type == 'checkbox') {
        checkboxes[i].checked = 'true';
       }
      }
     }

このコードの何が問題なのかわかりません。チェックボックスを選択できません。

ありがとう

4

2 に答える 2

0

それは正常に動作しますが、あなたのコード:

var checkboxes = document.getElementsByTagName("input");

メインのチェックボックスも選択します。

var checkboxes = document.getElementsByTagName("input");
for(var i=0; i<checkboxes.length;i++) { //start from 0
    if (checkboxes[i].type == 'checkbox' && checkboxes[i].name == 'current_status[]') {
        checkboxes[i].checked = 'true';
    }
}
于 2013-08-05T03:16:30.890 に答える