html中checkbox在GridView选中并取值方法(转载)_把gridview选中的checkbox-优快云博客

本文链接：https://blog.youkuaiyun.com/mmm123lmj/article/details/4453904

本文介绍了一个使用 ASP.NET 实现的网页示例，该示例通过 GridView 控件展示了如何进行多选操作并实现全选功能。页面还包含了翻页、颜色变化等交互效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Conversion.aspx.cs" Inherits="Works_item_Conversion" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>无标题页</title>
    <script language ="javascript" type="text/javascript">
      // 多选的全选与取消
       function checkJs(boolvalue)
       {
          if(document.all.checkboxname.length>1)
          {
            for(var i=0;i<document.all.checkboxname.length;i++)
            {
                document.all.checkboxname[i].checked = boolvalue;
            }
          }
          else
            document.all.checkboxname.checked = boolvalue;
        }
        // 判断多选是否与选中项（没有选中的返回false）
       function slcNo_click()
       {
          if (document.form1.checkboxname.length)
          {
            for (var i=0;i<document.form1.checkboxname.length;i++)
            {
                if(document.form1.checkboxname[i].checked)
                {
                    return true;
                }
            }
           }
          else
          {
            if(document.form1.checkboxname.checked)
            {
                return true;
            }
          }
        alert("请选择后再操作！");
        return false;
      }
       // 只有全部选中时“全选”选中
    function SingleCheckJs()
    {
        var flag1=false;
        var flag2=false;

        if (document.form1.checkboxname.length)
        {
            for (var i=0;i<document.form1.checkboxname.length;i++)
            {
                if(document.form1.checkboxname[i].checked)
                    flag1 = true;
                else
                    flag2 = true;
            }
        }
        else
        {
            if(document.form1.checkboxname.checked)
                flag1 = true;
            else
                flag2 = true;
        }

        if(flag1==true&&flag2==false)
            document.getElementById("chk").checked = true;
        else
            document.getElementById("chk").checked = false;
    }
       // 鼠标经过改变行的颜色
      if (!objbeforeItem)
      {
        var objbeforeItem=null;
        var objbeforeItembackgroundColor=null;
      }
      function ItemOver(obj)
      {
        if(objbeforeItem)
        {
            objbeforeItem.style.backgroundColor = objbeforeItembackgroundColor;
        }
        objobjbeforeItembackgroundColor = obj.style.backgroundColor;
        objobjbeforeItem = obj;
        obj.style.backgroundColor = "#B9D1F3";
      }

    </script>
</head>

<body bgcolor="aliceblue">
    <form id="form1" runat="server">
    <div>
        <table align="center" style="width: 658px">
            <tr>
                <td style=" font-weight: bold; font-size: large; color: #ff6633;" align="center">已审核的申请项目</td>
            </tr>
            <tr>
                <td >
          <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" CellPadding="2"
            ForeColor="#333333" GridLines="None" Height="12px" CellSpacing="1" HorizontalAlign="Center" OnRowDataBound="GridView1_RowDataBound" DataKeyNames ="Form_id" Width="666px">
            <FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
            <RowStyle BackColor="#EFF3FB" HorizontalAlign="Center" VerticalAlign="Middle" />
            <Columns>
               <asp:TemplateField HeaderText="<input type='checkbox' id='chk' onclick='checkJs(this.checked);'/>全选">
                    <ItemTemplate>
                        <input type ="checkbox" id ="chkExport" name="checkboxname" onclick='SingleCheckJs()'/>

                   </ItemTemplate>
              </asp:TemplateField>
              <asp:TemplateField HeaderText="申请项目表ID" SortExpression="Form_id" Visible="true">
                   <ItemTemplate>
                        <asp:Label ID="Lb_byid" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "Form_id") %>'></asp:Label>
                    </ItemTemplate>
               </asp:TemplateField>
                <asp:BoundField DataField="Form_title" HeaderText="项目标题" />
                <asp:BoundField DataField="Unit_name" HeaderText="申请人" />
                <asp:BoundField DataField="FillinDate" HeaderText="申请时间" />
            </Columns>
            <PagerStyle BackColor="#2461BF" ForeColor="White" HorizontalAlign="Center" />
            <SelectedRowStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" />
            <HeaderStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
            <EditRowStyle BackColor="#2461BF" />
            <AlternatingRowStyle BackColor="White" />
        </asp:GridView>
                </td>
            </tr>
            <tr>
                <td align="center" style="height: 25px">
                    <asp:LinkButton ID="btnFirst" CommandArgument="first" OnClick="PagerButtonClick" runat="server">首页</asp:LinkButton>
                    <asp:LinkButton ID="btnPrev" CommandArgument="prev" OnClick="PagerButtonClick" runat="server">上一页</asp:LinkButton>
                    <asp:LinkButton ID="btnNext" CommandArgument="next" OnClick="PagerButtonClick" runat="server">下一页</asp:LinkButton>
                    <asp:LinkButton ID="btnLast" CommandArgument="last" OnClick="PagerButtonClick" runat="server">尾页</asp:LinkButton>
                    <asp:Label ID="LblCurrentIndex" runat="server"></asp:Label>
                    <asp:Label ID="LblPageCount" runat="server"></asp:Label>
                    <asp:Label ID="LblRecordCount" runat="server"></asp:Label>
                </td>
            </tr>
            <tr>
                <td style="width: 100px">
                    <asp:LinkButton ID="LinkButton1" runat="server" OnClick="LinkButton1_Click1" >转为项目表</asp:LinkButton></td>
            </tr>
        </table>
    </div>
    </form>
</body>
</html>