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

Posted 2023-05-09

【中文标题】选择单选按钮后将复选框设置为选中状态

【英文标题】：Set checkbox as checked after radio button selection

【发布时间】：2018-07-07 00:44:00

【问题描述】：

一开始，我的表单包括：

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

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

【参考方案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);
);