Rails 6中如何为collection_check_boxes设置至少勾选一项的校验规则

Rails 原生的 collection_check_boxes 没有直接支持「组内至少选中一项」的配置参数，你之前的写法会将required属性透传给每个单独的复选框，自然不符合预期。无需编写后端校验的前提下，可以通过少量前端代码实现需求：

方案1：动态切换required属性（复用HTML5原生校验） #

给同组复选框添加统一类名，监听选中状态动态修改required属性，利用浏览器自带的表单校验逻辑实现效果：

<%= f.collection_check_boxes :category_ids, Category.all, :id, :name, {}, {class: 'category-checkbox'} do |c| %>
    <%= c.check_box %>
    <%= c.label %>
<% end %>

<script>
const categoryCheckboxes = document.querySelectorAll('.category-checkbox')
const toggleRequired = () => {
  const hasChecked = Array.from(categoryCheckboxes).some(item => item.checked)
  categoryCheckboxes.forEach(item => item.required = !hasChecked)
}
// 初始化和复选框状态变更时触发
toggleRequired()
categoryCheckboxes.forEach(item => item.addEventListener('change', toggleRequired))
</script>

逻辑说明：只要有一个复选框被选中，所有同组复选框都会移除required属性，表单可以正常提交；如果全未选中，所有复选框都保留required属性，浏览器会自动弹出必填提示，不需要额外写提交判断逻辑。

方案2：表单提交时统一校验 #

如果不需要浏览器原生的校验提示，也可以在表单提交时做统一判断：

<script>
// 替换为你自己的表单ID
document.querySelector('#your-form-id').addEventListener('submit', (e) => {
  const checkedNum = document.querySelectorAll('.category-checkbox:checked').length
  if (checkedNum === 0) {
    e.preventDefault()
    alert('请至少选择一个分类')
  }
})
</script>

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