程式師世界 >> 編程語言 >> 更多編程語言 >> 編程綜合問答 >> jsp-在<script>套用模板後，如何獲取id=SelectAll的復選框

jsp-在<script>套用模板後，如何獲取id=SelectAll的復選框

編輯：編程綜合問答

在<script>套用模板後，如何獲取id="SelectAll"的復選框

我在.jsp頁面寫了如下代碼：


<script id="listtemp" type="text/html">
        <tr>
          <th><input type="checkbox" **id="SelectAll**" onclick="selectAll();"/></th>
          <th>id</th>
          <th>姓名</th>
          <th>年齡</th>
          <th>性別</th>
          <th>操作</th>
        </tr>
        [% if(list.length>0){
            for(var i=0;list[i];i++){%]
            <tr>
                <td>
<input type='checkbox' name='ids' value='[%=list[i].id%]' onclick='setSelectAll();'/>
</td>
                <td>[%=list[i].id%]</td>
<td>[%=list[i].name%]</td>
<td>[%=list[i].age%]</td>
<td>[%=list[i].sex==="1"?"男":"女"%]</td>
                <td>
<a href="<%=RD.get("demoUrl")%>doView?action=v_common&start=gotoUpdate&id=[%=list[i].id%]"><i class='icon-pencil'></i></a> 
<a name="del" href="javascript:;" data-id="[%=list[i].id %]"><i class='icon-remove'></i></a>
                </td>
            </tr>
        [%  }%]
            <tr>
                <td colspan="7">[%=pagination(total,page,pageCount,pageFun)%]</td>
            <tr>
          [%}else{%]
            <tr>
                <td colspan="7"><div class="nocontext wu_xinx">您暫未添加User</div></td>
            </tr>
        [%}%]
    </script>

現在我想要實現全選的效果，就是id為"SelectAll"的復選框按鈕選中之後，下面的復選框都被選中，可是怎麼獲取id為"SelectAll"的復選框呢？？

我只會

var html = document.getElementById("listtemp").innerHTML;

但接下來怎麼做就不知道了，求解，謝謝各位。

最佳回答：

<script>
 function selectAll(){
    var v = document.getElementById('SelectAll').checked;
    var idsDoms=document.getElementsByName('ids');
    for(var i=0;i<idsDoms.length;i++){
         idsDoms[i].checked = v;
    }
}
</script>
<body>
<input type="checkbox"  id="SelectAll" onclick="selectAll();"/>
     <input type="checkbox"  name="ids" />
     <input type="checkbox"  name="ids" />
     <input type="checkbox"  name="ids" />
    </body>