如何使多个复选框成为必需但使用纯 css 没有 javascript答案

【问题标题】：how to make multiple checkbox required but with pure css no javascript如何使多个复选框成为必需但使用纯 css 没有 javascript
【发布时间】：2022-12-01 00:03:41
【问题描述】：

所以我创建了一个带有复选框和单选按钮的表单，但我希望它们被要求移动到下一页，我应该使用什么方法。没有 javascript 只是 css 请。

<label class="checkbox-inline">
  <input type="checkbox" name="cb" checked> Montly Subscription - $JMD 5,000. First time subscription is $JMD 3999.
</label>
<label class="checkbox-inline">
  <input type="checkbox" name="cb" checked> Annual Subscription - $JMD 55,000. First time subscription $JMD 50,999.
</label>

这些也是单选按钮

<label class="radio-inline">
  <input type="radio" name="optradio" checked> MasterCard
</label>
<label class="radio-inline">
  <input type="radio" name="optradio"> Visa
</label>
<label class="radio-inline">
  <input type="radio" name="optradio" checked> Discover
</label>
<label class="radio-inline">
  <input type="radio" name="optradio"> Paypal
</label>

【问题讨论】：

CSS 永远不会阻止导航到新页面或表单提交。
我只是在需要的地方使用属性required
<input type="radio" name="optradio" required /> Paypal - Reference

标签： html css

【解决方案1】：

<input type="checkbox" name="cb" required>

在这种情况下，适当的属性将是 required 或 input 标签被使用。这将确保用户选中复选框

【讨论】：