Jquery禁用一組單選按鈕，如果其中一個被選中？

我需要幫助編寫jquery禁用一組單選按鈕時，選擇一個？如果具有值=「One1」單選按鈕被選中的其它無線電按鈕與「One2」和「One3」Jquery禁用一組單選按鈕，如果其中一個被選中？

1）被禁用。選擇「Bk1」將再次啓用它們。

2）如果具有值=「One2」單選按鈕被選中的其它無線電按鈕與「One1」和「One3」被禁用。選擇「Bk2」將再次啓用它們。

3）如果具有值=「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

來源

2012-01-25 Chaka

我有一些類添加到您的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'); 
    }); 
});

來源

2012-01-25 19:13:39

這正是我需要的。謝謝！ – Chaka

試試這個

$('.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

來源

2012-01-25 19:07:53 ShankarSangoli

Jquery禁用一組單選按鈕，如果其中一個被選中？

回答

相關問題