Consider putting this JQuery or some variation on your main form.

//On document ready

$(function() {

    $(input[type='radio']).on('click', function(e) {

       getCheckedRadio($(this).attr(name), $(this).val(), this.checked);

    });

});



//External function to handle all radio selections

function getCheckedRadio(group, item, value) {

    $(.group-label).text(group);

    $(.item-label).text(item);

    $(.item-value).text(value);

}

Then in your partial:

<asp:RadioButtonList ID=rblMyOptions runat=server RepeatLayout=Flow RepeatDirection=Horizontal>

    <asp:ListItem Text=Yes Value=Y />

    <asp:ListItem Text=No Value=N />

</asp:RadioButtonList>

This should handle all radio buttons (or at least the ones you target with the JQuery if you change it).

I have a working sample (without the .NET code) here that demonstrates the principle.

http://jsfiddle.net/xDaevax/UwEN5/

Edit: Here is essentially what is happening behind the scenes.

I'm not sure how new you are to this, so I will go into a bit of detail here and I apologize if you already have a handle on some of these things.

When you use .NET controls (asp:DropDownList, asp:RadioButtonList, asp:ListItem) these are all server-side representations of what will be generated when the page is sent to a browser. The code you see in your .aspx page is not necessarily how the markup will be sent to the browser.

For example, the following code:

<asp:Label ID=_CtlMyLabel runat=server Text=Label />

Will be rendered in the browser HTML as:

<span id=_CtlMyLabel>Label</span>

If you were to wrap it in a panel:

<asp:Panel ID=_CtlWrapperPanel runat=server ClientIDMode=Inherit>

    <asp:Label ID=_CtlMyLabel runat=server Text=Label ClientIDMode=Inherit />

</asp:Panel>

You would get:

<div id=_CtlWrapperPanel>

    <span id=_CtlMyLabel>Label</span>

</div>

When it comes to a RadioButtonList, the following asp:RadioButtonList:

<asp:RadioButtonList ID=rblMyOptions runat=server RepeatLayout=Flow RepeatDirection=Horizontal>

    <asp:ListItem Text=Yes Value=Y />

    <asp:ListItem Text=No Value=N />

</asp:RadioButtonList>

Will generate:

<span id=rblMyOptions>

    <input id=rblMyOptions_0 type=radio name=rblMyOptions value=Y />

    <label for=rblMyOptions_0>Yes</label>

    <input id=rblMyOptions_1 type=radio name=rblMyOptions value=N />

    <label for=rblMyOptions_1>No</label>

</span>

When you say OnClick on the ListItem, .NET thinks you are referring to a Server-Side function you created called rblMyOptions_Click (which will do a post back), but since you want this to happen on the client, the strategy I suggested to solve it is to use JQuery to bind to the click event of each radio button, since the radio button list doesn't actually exist in the HTML.

You can see this question / answer for more info:
ASP.NET radiobuttonlist onclientclick

By using the JQuery to target any input[type='radio'] we bind javascript to any radio button input (or we can be more restrictive as well).