選中了Jsp頁面的所有CheckBox

Question

我正在使用Struts1.3，在此Jsp頁面中，根據數據庫中可用的數據動態生成復選框。 我的代碼是生成復選框如下

<table width="850" border="0" align="left" cellpadding="2" cellspacing="0">
   <tr>
    <td width="100" align="center" bgcolor="#F3F3F3"><label>
    <html:checkbox name="ExporterForm" value="<%=authlist.get(i).getAuthorityid()%>" property="exportauthority" styleId="checkbox99"  />
    </label></td>
    <td align="center" class="text_exp" ><%=authlist.get(i).getAuthorityname()%></td>
   </tr>
 </table>

我還有一個復選框（ selectAll ），查詢是，我想在選擇selectAll CheckBox時將所有標記為已選中。

我的代碼是全選的，下面給出了復選框，但它只選擇了一個，需要全選，請向我展示實現它的路徑。

function selectAllAuthorites()
{
 var selectAll=document.getElementById("checkbox101")
 if(selectAll.checked==true)
 {
     document.getElementById("checkbox99").checked=true;
 }
}

Answer 1

您可以使用Javascript的getElementsByTagName方法。

此代碼可能對您有幫助！

function checkAll() 
{
    //alert("Check all the checkboxes..."); 
    var allRows = document.getElementsByTagName("input");
    for (var i=0; i < allRows.length; i++) {
        if (allRows[i].type == 'checkbox') 
        {
            allRows[i].checked = true;
        }
    }

}

您可以從html復選框調用此函數。

編輯 ：

這些鏈接可能會對您有所幫助。

JavaScript的檢查，一檢查，所有復選框

選中或取消選中所有復選框的Javascript函數

另一個鏈接

Answer 2

文檔中只有一個HTML元素可以具有給定的ID。 因此，您的頁面無效。 順便說一句，這就是為什么該方法使用名稱getElementById （單數）而不使用getElementsById （復數）的原因。

使用document.getElementsByName("ExporterForm")並遍歷返回的列表以選中列表中的每個復選框。