复选框来控制单选按钮

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