Question

I need help writing Jquery to disable a group of radio button when one is selected?

1) If radio button with value=”One1″ is selected the other radio buttons with “One2” and “One3” are disabled. Selecting “Bk1” will enable them again.

2) If radio button with value=”One2″ is selected the other radio buttons with “One1” and “One3” are disabled. Selecting “Bk2” will enable them again.

3) If radio button with value=”One3″ is selected the other radio buttons with “One1” and “One2” are disabled. Selecting “Bk3” will enable them again.

<input name="session1" class="Session" type="radio" value="Bk1">Break Out
<input name="session1" class="Session" type="radio" value="One1">One-on-One Consulting 


<input name="session2" class="Session" type="radio" value="Bk2">Break Out
<input name="session2" class="Session" type="radio" value="One2">One-on-One Consulting 


<input name="session3" class="Session" type="radio" value="Bk3">Break Out
<input name="session3" class="Session" type="radio" value="One3">One-on-One Consulting 

Answer 1

I had to add some classes to your HTML markup, but is this what you’re looking for (jsFiddle)?

<div>
    <input name="session1" class="Session breakout" type="radio" value="Bk1">Break Out
    <input name="session1" class="Session consulting" type="radio" value="One1">One-on-One Consulting
</div>
<div>
    <input name="session2" class="Session breakout" type="radio" value="Bk2">Break Out
    <input name="session2" class="Session consulting" type="radio" value="One2">One-on-One Consulting
</div>
<div>
    <input name="session3" class="Session breakout" type="radio" value="Bk3">Break Out
    <input name="session3" class="Session consulting" type="radio" value="One3">One-on-One Consulting
</div>

 

$(document).ready(function(){

    $('.consulting').click(function(){
        $('.Session[name!="' + $(this).attr('name') + '"]').attr('disabled', '');
    });

    $('.breakout').click(function(){
       $('.Session').removeAttr('disabled');
    });
});