复选框控制单选按钮

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