asp.net使用jQuery获取RadioButtonList成员选中内容和值示例

前端技术 2023/09/02 .NET

复制代码 代码如下:

<%@ 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>

本文地址：https://www.stayed.cn/item/5978

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案