[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 480
  • Last Modified:

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.
0
Lennart Ericson
Asked:
Lennart Ericson
1 Solution
 
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

Featured Post

Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now