如何使用jQuery使一组radiobuttons无效？

Question

我希望在点击一个复选框之前让一组无线电按钮处于非活动状态.

换句话说,当用户选中复选框时,它将允许用户使用无线电按钮.如果用户取消选中复选框,则会使radiobuttons处于非活动状态,因此用户无法再选中它们.

是否有使用jQuery的解决方案,我可以使用它来实现这一目标？

Answer 1

假设radiobuttons具有相同的名称,那么您可以使用属性选择器:

$('#checkboxid').click(function() {
    $('input[name="radiobuttonname"]').attr('disabled', !this.checked);
});

如果选中该复选框,这将启用单选按钮,并在未选中时启用禁用.