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

Question

一开始，我的表单包括：

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

我想实现复选框可以像往常一样手动选择，但他们两个应该将复选框标记为自动选中并禁用取消选中它的可能性（假设将是 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);
});