複選框來控制單選按鈕

Question

我有一個checkbox和3 radio buttons，我想如果有複選框被選中選擇radio buttons之一，並擁有其中的任何未選中的，如果checkbox是聽之任之。

我的解決方案在第一次運行時工作，但不會在第一次單擊後選擇單選按鈕。

$('#checkbox-h-2g').click(function() { 
    if ($('#checkbox-h-2g').is(":checked")) { 
     $('#r1').attr('checked', true); 
    }if (!$('#checkbox-h-2g').is(":checked")) { 
     $('#r1 , #r2, #r3').attr('checked', false); 
    } 
}); 

Answer 1

使用.prop()，而不是.attr()設置屬性，而且你的代碼可以作爲

$('#checkbox-h-2g').change(function() { 
    if (this.checked) { 
     $('#r1').prop('checked', true); 
    }else{ 
     $('#r1 , #r2, #r3').prop('checked', false); 
    } 
});