js 全选,反选

mac2022-06-30  103

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

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

按钮也是HTML代码:<input id="all" type="button" value="全 选" οnclick="all_Click()"/>                           <input id="not" type="button" value="反 选" οnclick="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>

转载于:https://www.cnblogs.com/sunnysmile/archive/2009/05/31/1492918.html

相关资源:Javascript实现全选反选
最新回复(0)