在<script>套用模板后,<type = "text/html">如何获取id="SelectAll"的复选框

小栗子hl 发布于 2015/05/21 11:21
阅读 2K+
收藏 0

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

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


加载中
0
无言了然
无言了然

取复选框的状态

document.getElementById("SelectAll").checked

可以用js判定下checked的状态,然后用tags遍历其他复选框改变他们的状态。你这用innerHTML不对啊,获取里面的内容直接改内容不合适,应该用类似这样的修改:

document.getElementById('目标id').checked ="checked";



小栗子hl
小栗子hl
我试试,谢谢啊
无言了然
无言了然
回复 @小栗子hl : document.getElementById("listtemp").childNodes[0] 看看能不能取到子元素
小栗子hl
小栗子hl
取不到checkbox的id的
0
hmh
hmh
<script id="listtemp" type="text/html"></script> 里面的HTML 浏览器是不会显示的。
0
小栗子hl
小栗子hl
知道啊,所以才问怎么获得
loyal
loyal
改怎么获取就怎么获取~只要你在模板渲染完毕后,什么都一样了.
返回顶部
顶部