表单提交时，jQuery设置的已勾选禁用Checkbox未传递至模型

我遇到过好几个类似的问题，核心原因其实很简单：被设置为disabled的表单元素，浏览器在提交表单时会自动忽略它们，不会把它们的参数发送到后端。这就是为什么你手动勾选（未禁用）能正常传值，用jQuery自动勾选并禁用后就无法传递数据的关键所在。

下面给你两种可行的解决方案，你可以根据自己的场景选择：

方案一：用隐藏Input传递值（推荐） #

这种方法既保留了“禁用”的视觉效果，又能确保数据被正常提交。思路是：勾选原复选框后，添加一个与原复选框name和value完全一致的隐藏Input，同时让原复选框保持禁用状态（或仅视觉禁用）。

示例代码：

// 1. 勾选目标复选框（注意用prop而非attr，处理布尔属性更准确）
$('.verification5').prop('checked', true);
// 2. 添加隐藏Input，同步传递值
const $checkbox = $('.verification5');
$checkbox.after(`<input type="hidden" name="${$checkbox.attr('name')}" value="${$checkbox.val()}">`);
// 3. 视觉上标记为禁用（可选，提升用户体验）
$checkbox.css({
    'pointer-events': 'none',
    'opacity': 0.6
});

方案二：不禁用复选框，仅阻止用户交互 #

如果不需要严格的“禁用”状态，只是不想让用户修改勾选结果，可以通过阻止点击事件来锁定复选框，同时保持它的可提交状态。

示例代码：

// 1. 勾选目标复选框
$('.verification5').prop('checked', true);
// 2. 阻止用户点击修改
$('.verification5').on('click', function(e) {
    e.preventDefault();
});
// 3. 可选：添加禁用样式，让用户知道无法修改
$('.verification5').closest('label').addClass('disabled-style');

额外提醒：用prop替代attr处理布尔属性 #

你之前尝试的attr('checked', 'checked')在jQuery中并不推荐，因为checked、disabled这类属于DOM元素的布尔属性，使用prop()方法设置和获取会更准确，比如：

// 正确的勾选方式
$('.verification5').prop('checked', true);
// 正确的禁用方式（但禁用后无法提交，所以才需要上面的方案）
$('.verification5').prop('disabled', true);

内容的提问来源于stack exchange，提问作者Chiefster