For example I have a ListView that I include a RadioButton with the ID of “rbMorning”.   3 ListItems are dynamically created with a rendered output name of:

name="ctl00$cphMain$lvMorningSessions$ctrl0$rbMorning"

name="ctl00$cphMain$lvMorningSessions$ctrl1$rbMorning"

and

name="ctl00$cphMain$lvMorningSessions$ctrl2$rbMorning"

In this case a user would be allowed to select all 3 RadioButtons, defeating the purpose of using a RadioButton control.

Solution: Update the names with jQuery.  You will notice that that each name ends with the id of the RadioButton that you set in the ListView.  So I basically search for that and update the name to a name that all radio buttons will share.

Just a few lines of code to do this.  It all is included right here.  I am assuming you need to add jQuery to the page here as well.

    <script language="javascript" type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
    <script language="javascript" type="text/javascript">
        $(document).ready(function () {
            $('input[name$="rbMorning"]').attr('name', 'rbMorning');
        });
    </script>

That’s it. I hope this helps someone. I am really surprised this is still an issue in asp.net 4.0 even.

What can you expect to read on my blog?
I’ll be blogging about how I run my business, tools I use, resources I reference, and other things I encounter. I’ll also be blogging about the technology I use and of course CODE. I hope to give everyone a better idea of what all I do.

Look for some great stuff to come!