Shalvin Interests

Tuesday, March 15, 2016

Asp .Net RadioButtonList and JQuery


<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="jquery-1.12.1.js"></script>
    <script>
        $(document).ready(function()
        {
            $("#btnSubmit").click(
                function (evt) {
                    var result = $('input[type="radio"]:checked');
                    if(result.length > 0)
                    {
                        $("#Panel1").html(result.val() + " is checked");
                    }
                    return false;
                });
        });
        
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    
        <asp:RadioButtonList ID="RadioButtonList1" runat="server">
            <asp:ListItem>Male</asp:ListItem>
            <asp:ListItem>Female</asp:ListItem>
        </asp:RadioButtonList>
        <br />
        <asp:Button ID="btnSubmit" runat="server" Text="Submit" />
    
    </div>
        <asp:Panel ID="Panel1" runat="server">
        </asp:Panel>
    </form>
</body>
</html>

No comments:

Post a Comment