You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

HTML多复选框无需JS/JQuery能否添加required属性实现验证?

多个复选框应用HTML原生required属性的实现方式

可以给多个复选框添加required属性,但具体行为取决于你的需求:

  • 要求所有复选框必须被勾选:直接给每个目标复选框添加required属性即可。提交表单时,浏览器会自动验证每个带required的复选框是否被勾选,未勾选的会弹出默认警告提示。

    示例代码:

    <form>
      <label><input type="checkbox" name="terms" required> 同意服务条款</label>
      <label><input type="checkbox" name="privacy" required> 同意隐私政策</label>
      <button type="submit">提交</button>
    </form>
    
  • 要求至少勾选一个复选框:原生HTML5没有仅通过required属性实现这种需求的方式——单个复选框的required属性仅会要求该特定复选框必须被勾选,而非组内任意一个。如果不使用JavaScript/jQuery,无法实现组内至少选一个的原生验证。

内容的提问来源于stack exchange,提问作者Dipak Meniya

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.01 13:57:44