Spring中禁用复选框并向控制器传递选中值的问题

这个问题我之前也碰到过，HTML里标记为disabled的表单元素确实不会被浏览器提交到后端，而你直接添加隐藏域的方式，会不管复选框是否选中都把对应值发过去，这就导致所有选项值都被传到控制器了。给你两个可行的解决思路：

方法1：用readonly+CSS模拟禁用效果 #

复选框的readonly属性不会阻止浏览器提交它的选中状态，只是默认情况下用户还是能点击切换，所以我们配合CSS让它看起来是禁用的，同时禁止交互：

<form:checkbox 
    path="agreementCats" 
    readonly="true" 
    value="${x.value}" 
    class="category-checkboxes disabled-checkbox" 
    id="agreementCat-cb-${i.index}" 
/>
<label class="control-label disabled-label" for="agreementCat-cb-${i.index}">&nbsp;${x.label}</label>

<style>
.disabled-checkbox {
    pointer-events: none; /* 禁止用户点击交互 */
    opacity: 0.6; /* 视觉上呈现禁用的灰度效果 */
}
.disabled-label {
    cursor: not-allowed; /* 鼠标悬停时提示不可点击 */
    opacity: 0.6;
}
</style>

这样用户既不能修改复选框状态，选中的数值也会正常提交给控制器，不需要额外的隐藏域。

方法2：仅为选中的禁用复选框添加隐藏域 #

如果必须用disabled属性，那我们可以通过判断复选框是否选中，只在选中时渲染对应的隐藏域，这样只有选中的值会被提交：

<form:checkbox 
    path="agreementCats" 
    disabled="true" 
    value="${x.value}" 
    class="category-checkboxes" 
    id="agreementCat-cb-${i.index}" 
    checked="${x.checked}" <!-- 假设你的x对象有checked属性标记是否选中 -->
/>
<label class="control-label" for="agreementCat-cb-${i.index}">&nbsp;${x.label}</label>

<!-- 只有当复选框处于选中状态时，才添加隐藏域 -->
<c:if test="${x.checked}">
    <form:hidden path="agreementCats" value="${x.value}" />
</c:if>

这里需要你的后端模型里的x对象带有一个标记选中状态的属性（比如checked），这样就能精准控制只提交选中的禁用复选框的值。

另外提一句：Spring的form:checkbox在处理集合类型的path时，会自动绑定选中的数值集合，只要提交的是正确的选中值，控制器就能正常接收。

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