您现在的位置: 万盛学电脑网 >> 程序编程 >> 网络编程 >> asp.net编程 >> 正文

jQuery来获取RadioButtonList成员内容的方法

作者:佚名    责任编辑:admin    更新时间:2022-06-22

 这篇文章主要介绍了通过jQuery来获取RadioButtonList成员内容的方法,大家参考使用吧 

代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Web.Default" %>   <!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 src="jquery-1.8.2.min.js" type="text/javascript"></script>     <link href="Base.css" rel="stylesheet" type="text/css" />     <style type="text/css">       </style>     <script type="text/javascript">         $(document).ready(function () {             $("#<%=rblHobbies.ClientID%> input[type=radio]").bind("change", function () {                 if ($(this).val() != "") {                      $("#message").text("Text:" + $(this).next().text() + "  Value:"+$(this).val());                 }               });         });       </script> </head> <body>     <form id="form1" runat="server">     <div style="margin: 100px auto; width: 400px; height: 200px;">         <fieldset style="width: 400px; height: 150px">             <p>                 请选择爱好</p>             <asp:RadioButtonList ID="rblHobbies"  runat="server" >                   <asp:ListItem Value="1">音乐</asp:ListItem>                 <asp:ListItem Value="2">篮球</asp:ListItem>                 <asp:ListItem Value="3">美剧</asp:ListItem>                 <asp:ListItem Value="4">电影</asp:ListItem>               </asp:RadioButtonList  >         </fieldset>         <br />         <div id="message" style="color:blue;"></div>     </div>     </form> </body> </html>