在通过客户端实现全选和返选

前台代码如下:

<table class="datalist" cellspacing="0" rules="all" align="center"

border="1" style="border-collapse:collapse;">
<tr><td><input id="Checkbox1" type="checkbox" onclick="SelAllClick

(this.checked)" /> </td><td></td><td>标题</td><td>内容</td><td>发布时间

</td></tr>
<tbody id="chklist">
<asp:Repeater ID="Repeater1" runat="server"

onitemcommand="Repeater1_ItemCommand">
<ItemTemplate>
<tr><td><asp:CheckBox ID="CheckBox2" runat="server"

/></td><td><asp:LinkButton ID="LinkButton1" runat="server">编辑

</asp:LinkButton></td><td><%#Eval("title")%></td><td><%#Eval

("message")%></td><td><%# Eval("lastupdate")%></td></tr>
</ItemTemplate>
</asp:Repeater>
</tbody>
</table>

JS如下

<script language="javascript">
  //全/反选事件
    function SelAllClick(ischecked) {
        //获取tbody里的所有名称为input里的集合
        var items = document.getElementById

("chklist").getElementsByTagName("input");
        for (var i = 0; i < items.length; i++) {
            if (items[i].type == 'checkbox') {
                items[i].checked = ischecked;
            }
        }
  }
</script>

 

posted @ 2008-09-11 19:01  悟〈--觉  阅读(307)  评论(0)    收藏  举报