html中的checkbox如何在GridView选中并取值

  1. <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Conversion.aspx.cs" Inherits="Works_item_Conversion" %>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" >
  4. <head runat="server">
  5.     <title>无标题页</title>
  6.     <script language ="javascript" type="text/javascript">
  7.       // 多选的全选与取消
  8.        function checkJs(boolvalue)
  9.        {
  10.           if(document.all.checkboxname.length>1)
  11.           {
  12.             for(var i=0;i<document.all.checkboxname.length;i++)
  13.             {
  14.                 document.all.checkboxname[i].checked = boolvalue;            
  15.             }
  16.           }
  17.           else
  18.             document.all.checkboxname.checked = boolvalue;
  19.         }
  20.         // 判断多选是否与选中项(没有选中的返回false)
  21.        function slcNo_click()
  22.        {
  23.           if (document.form1.checkboxname.length)
  24.           {
  25.             for (var i=0;i<document.form1.checkboxname.length;i++)
  26.             {
  27.                 if(document.form1.checkboxname[i].checked)
  28.                 {
  29.                     return true;
  30.                 }
  31.             }
  32.            }
  33.           else
  34.           {
  35.             if(document.form1.checkboxname.checked)
  36.             {
  37.                 return true;
  38.             }
  39.           }
  40.         alert("请选择后再操作!");
  41.         return false;
  42.       }
  43.        // 只有全部选中时“全选”选中
  44.     function SingleCheckJs()
  45.     {
  46.         var flag1=false;
  47.         var flag2=false;
  48.         
  49.         if (document.form1.checkboxname.length)
  50.         {
  51.             for (var i=0;i<document.form1.checkboxname.length;i++)
  52.             {
  53.                 if(document.form1.checkboxname[i].checked)
  54.                     flag1 = true;
  55.                 else
  56.                     flag2 = true;
  57.             }
  58.         }
  59.         else
  60.         {
  61.             if(document.form1.checkboxname.checked)
  62.                 flag1 = true;
  63.             else
  64.                 flag2 = true;
  65.         }
  66.         
  67.         if(flag1==true&&flag2==false)
  68.             document.getElementById("chk").checked = true;
  69.         else
  70.             document.getElementById("chk").checked = false;
  71.     }
  72.        // 鼠标经过改变行的颜色
  73.       if (!objbeforeItem)
  74.       {
  75.         var objbeforeItem=null;
  76.         var objbeforeItembackgroundColor=null;
  77.       }    
  78.       function ItemOver(obj)
  79.       {
  80.         if(objbeforeItem)
  81.         {
  82.             objbeforeItem.style.backgroundColor = objbeforeItembackgroundColor;
  83.         }
  84.         objobjbeforeItembackgroundColor = obj.style.backgroundColor;
  85.         objobjbeforeItem = obj;
  86.         obj.style.backgroundColor = "#B9D1F3";     
  87.       }
  88.       
  89.     </script>
  90. </head>
  91. <body bgcolor="aliceblue">
  92.     <form id="form1" runat="server">
  93.     <div>
  94.         <table align="center" style="width: 658px">
  95.             <tr>
  96.                 <td style=" font-weight: bold; font-size: large; color: #ff6633;" align="center">已审核的申请项目</td>
  97.             </tr>
  98.             <tr>
  99.                 <td >
  100.           <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" CellPadding="2"
  101.             ForeColor="#333333" GridLines="None" Height="12px"  CellSpacing="1" HorizontalAlign="Center" OnRowDataBound="GridView1_RowDataBound" DataKeyNames ="Form_id" Width="666px">
  102.             <FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
  103.             <RowStyle BackColor="#EFF3FB" HorizontalAlign="Center" VerticalAlign="Middle" />
  104.             <Columns>
  105.                <asp:TemplateField HeaderText="<input type='checkbox' id='chk' οnclick='checkJs(this.checked);'/>全选">
  106.                     <ItemTemplate>
  107.                         <input type ="checkbox" id ="chkExport" name="checkboxname" onclick='SingleCheckJs()'/> 
  108.                        
  109.                    </ItemTemplate> 
  110.               </asp:TemplateField>
  111.               <asp:TemplateField HeaderText="申请项目表ID" SortExpression="Form_id" Visible="true">
  112.                    <ItemTemplate>
  113.                         <asp:Label ID="Lb_byid" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "Form_id") %>'></asp:Label>
  114.                     </ItemTemplate>
  115.                </asp:TemplateField>
  116.                 <asp:BoundField DataField="Form_title" HeaderText="项目标题" />
  117.                 <asp:BoundField DataField="Unit_name" HeaderText="申请人" />
  118.                 <asp:BoundField DataField="FillinDate" HeaderText="申请时间" />
  119.             </Columns>
  120.             <PagerStyle BackColor="#2461BF" ForeColor="White" HorizontalAlign="Center" />
  121.             <SelectedRowStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" />
  122.             <HeaderStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
  123.             <EditRowStyle BackColor="#2461BF" />
  124.             <AlternatingRowStyle BackColor="White" />
  125.         </asp:GridView>
  126.                 </td>
  127.             </tr>
  128.             <tr>
  129.                 <td align="center" style="height: 25px">
  130.                     <asp:LinkButton ID="btnFirst" CommandArgument="first" OnClick="PagerButtonClick" runat="server">首 页</asp:LinkButton>
  131.                     <asp:LinkButton ID="btnPrev" CommandArgument="prev" OnClick="PagerButtonClick" runat="server">上一页</asp:LinkButton>
  132.                     <asp:LinkButton ID="btnNext" CommandArgument="next" OnClick="PagerButtonClick" runat="server">下一页</asp:LinkButton>
  133.                     <asp:LinkButton ID="btnLast" CommandArgument="last" OnClick="PagerButtonClick" runat="server">尾 页</asp:LinkButton>
  134.                     <asp:Label ID="LblCurrentIndex" runat="server"></asp:Label>
  135.                     <asp:Label ID="LblPageCount" runat="server"></asp:Label>
  136.                     <asp:Label ID="LblRecordCount" runat="server"></asp:Label>
  137.                 </td>
  138.             </tr>
  139.             <tr>
  140.                 <td style="width: 100px">
  141.                     <asp:LinkButton ID="LinkButton1" runat="server" OnClick="LinkButton1_Click1" >转为项目表</asp:LinkButton></td>
  142.             </tr>
  143.         </table>
  144.     </div>
  145.     </form>
  146. </body>
  147. </html>
 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值