问题描述
- 在<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>
解决方案二：
$("input[name='ids']").attr("checked","checked");
解决方案三：
$("#listtemp").checked()
时间： 2024-10-28 08:32:28