How to deselect radio button when another radio button is selected?

Question

I was wondering if there is a way where i have i 2 groups of radio button eg

group 1

<input type="radio" name="things" value="car" /> car <input type="radio" name="things" value="car" />pen <input type="radio" name="things" value="car" />TV

group2

<input type="radio" name="things" value="exam" /> exam <input type="radio" name="things" value="journey" />journey

the question is if i select radio button from group2 Eg exam it should deactivate radio butons car And Tv from group1 and allow only pen radio button active

rahul · Accepted Answer · 2011-05-04 11:55:10Z

Modifying your HTML a bit

<div id="grp1"> <input type="radio" name="things" value="car" /> car <input type="radio" name="things" value="pen" />pen <input type="radio" name="things" value="tv" />TV </div> <div id="grp2"> <input type="radio" name="things" value="exam" /> exam <input type="radio" name="things" value="journey" />journey </div> $(function(){ $("#grp2 input:radio[name='things']").change(function(){ $("#grp1 input:radio[name='things'][value!='pen']").attr("disabled", true); }); });

See a working demo

hEy Thanks Rahul Your solution really worked.Thanks once again!!

user372743 · Accepted Answer · 2011-05-04 11:53:14Z

$("input[value="exam"]").click(function() { $("input[value=\"car\"").attr("disabled", "disabled"); });

This should disable the "car" input when the exam radio button is clicked.

Collectives™ on Stack Overflow

How to deselect radio button when another radio button is selected?

2 Answers 2

1 Comment

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Related