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

Question

首先，我的表格包括：

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

我想实现可以像往常一样手动选择Checkbox，但是其中两个应该自动选中复选框并禁用取消选中它的可能性（假设这将是b-option和c-option） 。我应该如何使用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);
});