How can I group RadioButtons in an MVC editor template table?

Question

0.00/5 (No votes)

See more:

Following strong and frequent advice here in various answers, I wish to use a RadioButton for each row in a table, for a user to select only one row to perform an action on. However, I am using an editor template to generate the table, and each RadioButton has a different name due to the row index being part of the name. Right now I can select all the RadioButtons at once, defeating their object.

How can I group these RadioButtons so that only one at a time can be selected?

Posted 25-May-13 19:52pm

Brady Kelly

Add a Solution

Comments

David_Wimbley 26-May-13 2:16am

Can you post some code...im being overly lazy and don't feel like trying to re-create your scenario myself.

But off the top of my head you can certainly use JQuery (.each function) and run logic inside your .each function to limit what can be selected by setting the checked attribute to .attr("checked", ""). Are you able/allowed to use Jquery in this scenario?

If you post some code i'd be happy to throw something together.

Brady Kelly 26-May-13 2:30am

The code would be hard to post, but I can throw a jQuery solution together myself anyway, thanks. I just feel there should be some way to make radio buttons behave like they are supposed to.

Zoltán Zörgő 26-May-13 2:44am

It is hardly possible due to the fact, that the grouping is performed on html level via the name property. Thus, if you put different names, they will be different groups for the browser. But I am certain you don't need row index in the input name, you could put it in the ID, or in an outer element, where it belongs, thus you would not break the html principles and would have the desired functionality without hacking. They would work as they are supposed to work if you would let them...

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

jeyamothi · Answer 1 · 2013-05-28T21:19:00

Solution 1

Hi Brady,

try this Group Radio Button in MVC

Posted 28-May-13 21:19pm

jeyamothi

Comments

Brady Kelly 29-May-13 3:56am

Thanks, this is quite interesting, but it doesn't seem deal with radio buttons with unique index subscripts in their names, as radio buttons in a list editor do.