复选框来控制单选按钮

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);
    }
});