Items to disappear

Having a form like the one below, I'd like it to change, without updating the page, so that for the choice where the Item is picked Item will show alone, and, for the remaining choices, the picked item will disappear:

Originally
First choice           O Item 1  O Item 2  O Item3
Second choice      O Item 1  O Item 2  O Item3
Third choice         O Item 1  O Item 2  O Item3

Pick the first choice In this case Item 2. Second and third choices change:
First choice                            + Item 2
Second choice      O Item 1                   O Item3
Third choice          O Item 1                   O Item3

Pick the second choice In this case Item 3. Third choice changes:
First choice                            + Item 2
Second choice                                         + Item3
Third choice          O Item 1  

O = Radio button
+ = Radio button checked
I don't know how to achieve this. Please help me out.
Lennart EricsonAmateurAsked:
Who is Participating?
 
zappafan2k2Commented:
Here's a quick-and-dirty approach:
http://jsfiddle.net/q7W46/
I think that the reset button is important, because if the user clicks the wrong radio button, then they can't re-choose without reloading the page.
0
 
Lennart EricsonAmateurAuthor Commented:
Very good! Thanks
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.