栗子hl
2015-05-21 03:19
采纳率: 66.7%
浏览 1.8k
已采纳

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

但接下来怎么做就不知道了,求解,谢谢各位。

  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

3条回答 默认 最新

  • danielinbiti 2015-05-21 03:30
    已采纳
    <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>
    
    打赏 评论
  • biandejuna 2015-05-21 08:18

    $("input[name='ids']").attr("checked","checked");

    打赏 评论
  • 雪狸 2015-05-29 09:47

    $("#listtemp").checked()

    打赏 评论

相关推荐 更多相似问题