如何使用 jQuery 使一组单选按钮处于非活动状态？

Question

我想要一组单选按钮，它们在单击复选框之前处于非活动状态。

换句话说，当用户选中复选框时，它将允许用户使用单选按钮。如果用户取消选中复选框，则单选按钮将处于非活动状态，因此用户无法再选择它们。

有没有使用 jQuery 的解决方案可以用来实现此目的？

Answer 1

假设单选按钮都具有相同的名称，那么您可以使用 属性选择器 this：

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

如果选中该复选框，这将启用单选按钮；如果未选中，则禁用单选按钮。