技术开发 频道

用Javascript在客户端实现遍历datagrid,DataList控件


【IT168技术文档】

  看下面的datagrid代码
<asp:TemplateColumn HeaderText="删除文章"> <HeaderTemplate> 删除文章 <input type="checkbox" id="checkDel" title="全选/全取消删除文章" onclick="CheckDelBox(this)" /><font color=#ff0000 size=1>全选/全取消</font> </HeaderTemplate> <ItemTemplate> <asp:CheckBox id="deleteCheckbox" runat="server" AutoPostBack="False"></asp:CheckBox> </ItemTemplate> </asp:TemplateColumn>
  我在选择id="checkDel" 的选择框时,要对模版中的deleteCheckbox进行全选和全取消
  我调用了js
function CheckDelBox(box) { for (var i=0;i<document.Form1.elements.length;i++) { var e = document.Form1.elements[i]; if ( (e.type=='checkbox') ) { var o=e.name.lastIndexOf('deleteCheckbox'); if(o!=-1) { e.checked = box.checked; } } } }
  注意这段代码
  var o=e.name.lastIndexOf('deleteCheckbox');

  在某些情况下,id在客户端的呈现不是在aspx中你指定的id了,而是控件.ClientID,比如在DataGrid中放置的一些服务器端控件,查看一下源代码可以看到id是类似DataGrid1__ctl5_Hyperlink1而不是你指定的id了
0
相关文章