zoukankan      html  css  js  c++  java
  • RadioButton在数据列表中实现单选功能

    在服务器端动态生成的name总是不断变化,故需手动实现单选 ;

     1 <html xmlns="http://www.w3.org/1999/xhtml">
     2 <head runat="server">
     3     <title></title>
     4     <script src="../Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
     5     <script type="text/javascript">
     6         function SinggleSelect(ob) {
     7             $("#<%=dglist.ClientID %>").find("input[type='radio']").each(function () {
     8                 $(this).attr("checked", false); 
     9             });
    10             $(ob).attr("checked", true);
    11         };
    12     </script>
    13 </head>
    14 <body>
    15     <form id="form1" runat="server">
    16     <div>
    17         <asp:GridView ID="dglist" runat="server" >
    18             <Columns>
    19                 <asp:BoundField DataField="Name" HeaderText="名字"  />
    20                 <asp:BoundField DataField="Age" HeaderText="年龄"  />
    21                 <asp:BoundField DataField="Sex" HeaderText="性别"  />
    22                 <asp:TemplateField HeaderText="选择">                     
    23                         <ItemTemplate>
    24                             <asp:RadioButton ID="rbSelect" onclick="SinggleSelect(this)" runat="server" />
    25                         </Itemtemplate>
    26                 </asp:TemplateField>
    27             </Columns>
    28            
    29         </asp:GridView>
    30     </div>
    31     </form>
    32 </body>
    33 </html>
    View Code
  • 相关阅读:
    arrayPointer
    shellAPP
    docker
    程序运行时内存管理
    C++ deepin
    coreOS+Docker新一代企业轻量级Linux
    玩转docker
    古典小说丛书系列软件
    读《追随智慧》(一)
    高速基于echarts的大数据可视化
  • 原文地址:https://www.cnblogs.com/huangzhen22/p/3258264.html
Copyright © 2011-2022 走看看