求 带复选框的gridview 类似邮件的全选，全清功能 js完成

Question

问题如题

Answer 1

http://www.cnblogs.com/xiaoxijin/<script type="text/javascript" language="javascript">
      
    function DoCheck(flag)// 全选 flag=1 反选 flag=0
    {
        var inputs = document.forms[0].elements;
        for (var i=0; i < inputs.length; i++)
        if (inputs[i].type == 'checkbox')
        {
            if (flag)
                inputs[i].checked = true;
           else
                inputs[i].checked =!inputs[i].checked;
        }
    }
</script> 
<asp:GridView ID="gvCaseList"   runat="server" AutoGenerateColumns="False" OnRowDataBound="gvCaseList_RowDataBound"  >
        <Columns>
       <asp:BoundField HeaderText="类型"  DataField="type" >
                <ControlStyle Width="80px" />
            </asp:BoundField>
                 <asp:TemplateField HeaderText="名称"> <!--把这一列转换为模板列-->                
                <ControlStyle Width="300px" />
                <ItemTemplate>
                <DIV class="ellipsis_row"><%#DataBinder.Eval(Container.DataItem,"name")%></DIV> <!--这里使用了一个div,通过CSS来控制该列的宽度，多余的字符使用....表示-->                
                </ItemTemplate>
            </asp:TemplateField>
                 <asp:TemplateField HeaderText="费用"> <!--把这一列转换为模板列-->               
              <ControlStyle Width="20px" />
                <ItemTemplate>
                <div class="caseweight"><%#DataBinder.Eval(Container.DataItem,"fee")%& gt;</div><!--把该列的数据用红色显示出来，改变了该的文字样式--> 
                </ItemTemplate>
            </asp:TemplateField>
            <asp:TemplateField > <!--把这一列转换为模板列-->               
                <ControlStyle Width="20px"  />
                 <HeaderTemplate> <!--注意这个HeaderTemplate,在这里加了两链接用于全选和反选-->  
                 <a onclick="DoCheck(0);" href="#">反选</a> <!--反选-->
                 <a onclick="DoCheck(1);" href="#">全选</a> <!--全选-->                 
                </HeaderTemplate>
                <ItemTemplate>
                <div style="text-align:center ;">
                    <asp:CheckBox ID="CheckBox1" runat="server"/>
                </div>
                </ItemTemplate>
              
            </asp:TemplateField>
        </Columns>     
       
    </asp:GridView>

Answer 2

谢谢  
gdjlc  不过你的方法是把整个页面的CHECKBOX 都选中或者不选择 

Answer 3

function DoCheck(flag)// 全选 flag=1 反选 flag=0
    {
        var inputs = document.getElementById("gridid").getElementsByTagName("input");
        for (var i=0; i < inputs.length; i++)
        if (inputs[i].type == 'checkbox')
        {
            if (flag)
                inputs[i].checked = true;
          else
                inputs[i].checked =!inputs[i].checked;
        }
    } 

Answer 4

 function GetAllCheckBox(CheckAll)
    {
        var items=document.getElementsByTagName("input");
        for(i=0;i<items.length;i++)
        {
            if(items[i].type=="checkbox")
            {
                items[i].checked=CheckAll.checked;
            }        
        }
    }