林林菜园
www.code84.com

用JS控制记录列表的全选反选

列表是服务器控件,也是用服务器代码梆定的数据。列表中梆定的复选框是HTML代码:<input id="chk" name="chk" type="checkbox" value='<%#Eval("id") %>' />

按钮也是HTML代码:<input id="all" type="button" value="全 选" onclick="all_Click()"/>
                           <input id="not" type="button" value="反 选" onclick="not_Click()" />

js 如下:

 <script type="text/javascript">
    //全选
       function all_Click()
       {
          var chk=document.getElementsByName("chk");
         for(var i=0;i<chk.length;i++)
          {
            chk(i).checked=true;
          }
       }
     //反选
     function not_Click()
     {
        var chk=document.getElementsByName("chk");
        for(var i=0;i<chk.length;i++)
        {
            if(chk(i).checked)
              chk(i).checked=false;
            else
             chk(i).checked=true;
        }
     }

</script>

posted on 2009-05-31 15:06  林林菜园  阅读(284)  评论(0编辑  收藏  举报