The below code snippet explains how to handle RadioButtonList Item click event client side using jQuery
<html xmlns="">
    <script type="text/javascript" src=""></script>
    <script type="text/javascript">
        $("[id*=rbFruits] input").live("click", function () {
            var selectedValue = $(this).val();
            var selectedText = $(this).next().html();
            alert("Selected Text: " + selectedText + " Selected Value: " + selectedValue);
    <form id="form1" runat="server">
    <asp:RadioButtonList ID="rbFruits" runat="server">
        <asp:ListItem Text="Mango" Value="1" />
        <asp:ListItem Text="Apple" Value="2" />
        <asp:ListItem Text="Banana" Value="3" />
In the above code snippet there’s an ASP.Net RadioButtonList control rbFruits to which I have assigned a click event handler using the selector [id*=rbFruits] input. When the radio button inside the RadioButtonList control is clicked the jQuery click event is raised and the SelectedText and the SelectedValue of the checked item is displayed in alert box.