用于控制单选按钮的复选框

Checkbox to control radio buttons

本文关键字：复选框 单选按钮 控制 用于      更新时间：2023-09-26

我有一个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);
    }
});

使用 .prop() 而不是 .attr() 来设置属性，您的代码也可以改进为

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