HTML5浏览器验证复选框-给定多个复选框，如何确保至少选中一个复选框？

考虑到这样简单的情况：

<form ...>
<input type="checkbox" required name="op1"> Option 1</u>
<input type="checkbox" required name="op2"> Option 2</u>
<input type="submit">
</form>

选择1
选择2

---

是否有任何方法可以使用HTML5验证来验证是否选中了其中一个复选框，以及是否没有选择任何复选框来将所需的工具提示集中在表单上？

您不能仅使用HTML5进行验证，但有一种方法可以使用javascript进行验证

Html

<form onsubmit="return checkCheckBoxes(this);">
<input type="checkbox" required name="op1"> Option 1</u>
<input type="checkbox" required name="op2"> Option 2</u>
<input type="submit">
</form>  

选择1
选择2

Javascript

 <script type="text/javascript" language="JavaScript">
    <!--
    function checkCheckBoxes(theForm) {
        if (
        theForm.opt1.checked == false &&
        theForm.opt2.checked == false) 
        {
            alert ('You didn\'t choose any of the checkboxes!');
            return false;
        } else {    
            return true;
        }
    }
    //-->
    </script> 

---

您需要使用JavaScript或其他东西来存档此文件。这不能用普通的HTML来完成

下面的代码适用于我。希望这会有帮助

<ul>
   <li><input name="check[]" type="checkbox" value="check 1" required><label>check 1</label></li>
   <li><input name="check[]" type="checkbox" value="check 2" required><label>check 2</label></li>
   <li><input name="check[]" type="checkbox" value="check 3" required><label>check 3</label></li>
   <li><input name="check[]" type="checkbox" value="check 4" required><label>check 4</label></li>
</ul>
<input type="submit" value="Check" id="check">

检查1
支票2
支票3
支票4

jQuery代码

<script type="text/javascript">
$(document).ready(function () {
    $('#check').click(function(e) {
     var ischecked = $("input[type=checkbox]:checked").length;
      if(!ischecked) {
        alert("Please select at least one checkbox.");
     return false;
      }

    });
});
</script>

$（文档）.ready（函数（）{
$（“#检查”）。单击（函数（e）{
var ischecked=$（“输入[type=checkbox]：选中”）.length；
如果（！已检查）{
警报（“请至少选择一个复选框”）；
返回false；
}
});
});