如何使用jQuery使一組單選按鈕處於非活動狀態？

Question

我想要一組單選按鈕，它們在單擊複選框之前處於非活動狀態。

換句話說，當用戶選中一個複選框時，它將允許用戶使用單選按鈕。如果用戶取消選中複選框，它將使單選按鈕處於不活動狀態，以便用戶不能再選擇它們。

有沒有使用jQuery的解決方案，我可以用它來實現這一點？

Answer 1

假設單選按鈕都相同的名字，那麼你可以使用attribute selector此：

$('#checkboxid').click(function() { 
    $('input[name="radiobuttonname"]').attr('disabled', !this.checked); 
}); 

這將使單選按鈕，如果選中該複選框，並禁用未選中時。