javascript - 控制单选按钮的复选框

Question

我有一个复选框和3个单选按钮，如果选中该复选框，我会尝试选择其中一个单选按钮如果未选中复选框，则取消选中其中任何一个。

我的解决方案在第一次运行时有效，但在第一次单击后不会选择单选按钮。

$('#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);
    }
});