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

 

posted @ 2013-08-14 19:31  黄忠  阅读(264)  评论(0)  编辑  收藏  举报