选择单选按钮后将复选框设置为已选中

Question

一开始，我的表格包括：

• 三个单选按钮(id: a-option,b-option,c-opion),
• 一个复选框（id：可选），

我想实现 Checkbox 可以像往常一样手动选择，而且他们两个应该将复选框标记为自动选中并禁用取消选中它的可能性（假设这将是 b-option 和 c-选项）。我应该如何使用 JS 或 JQuery.

Answer 1

您可以在点击时触发 checked 属性 到 #optional:

$('#c-option').click(function(){
   $('#optional').prop('checked', true);
   $('#optional').prop('disabled', true);
});

$('#b-option').click(function(){
   $('#optional').prop('checked', true);
   $('#optional').prop('disabled', true);
});

$('#a-option').click(function(){
   $('#optional').prop('checked', false);
   $('#optional').prop('disabled', false);
});