ラジオボタンの1つが選択されている場合、Jqueryを使用してラジオボタンのグループを無効にしますか？

Question

ラジオボタンが選択されているときにラジオボタンのグループを無効にするには、Jqueryを書くのに助けが必要ですか？

1）value = "One1"のラジオボタンが選択されている場合、 "One2"と "One3"のラジオボタンは無効になります。 "Bk1"を選択すると、再び有効になります。

2）value = "One2"のラジオボタンが選択されている場合、 "One1"と "One3"のラジオボタンは無効になります。 "Bk2"を選択すると、再び有効になります。

3）value = "One3"のラジオボタンが選択されている場合、 "One1"と "One2"のラジオボタンは無効になります。 "Bk3"を選択すると再び有効になります。

<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

を試してみてください、私はあなたのHTMLマークアップにいくつかのクラスを追加する必要がありましたが、これは、あなたが（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'); 
    }); 
}); 

Answer 2

この

$('.Session').click(function(){ 
    if(this.value == 'One1' && this.checked){ 
     console.log($('input[value=One2], input[value=One3')); 
     $('input[value=One2], input[value=One3]').prop('disabled', true); 
    } 
    else if(this.value == 'One2' && this.checked){ 
     $('input[value=One1], input[value=One3]').prop('disabled', true); 
    } 
    else if(this.value == 'One3' && this.checked){ 
     $('input[value=One1], input[value=One2]').prop('disabled', true); 
    } 
    else{ 
     $('.Session').not(this).prop('checked', false).prop('disabled', false); 
    } 
}); 

Demo