Javascript 多个复选框>;至少应显示一条强制性错误消息,否则将显示错误消息

Javascript 多个复选框>;至少应显示一条强制性错误消息,否则将显示错误消息,javascript,jquery,html,forms,Javascript,Jquery,Html,Forms,我如何确保访问者在提交表单之前至少勾选/选择一个选项 以下是我的代码摘录: <div class="col-md-6" id="ajax_succs"> <div class="check_parent"> <input type="checkbox" name="sub_sub_cat_select[]" class="default_checkbox" value="351">Option 1</div> <div class="chec

我如何确保访问者在提交表单之前至少勾选/选择一个选项

以下是我的代码摘录:

<div class="col-md-6" id="ajax_succs">
<div class="check_parent">
<input type="checkbox" name="sub_sub_cat_select[]" class="default_checkbox" value="351">Option 1</div>
<div class="check_parent">
<input type="checkbox" name="sub_sub_cat_select[]" class="default_checkbox" value="353">Option 2</div>
<div class="check_parent">
<input type="checkbox" name="sub_sub_cat_select[]" class="default_checkbox" value="354">Option 3</div>
<div class="check_parent">
<input type="checkbox" name="sub_sub_cat_select[]" class="default_checkbox" value="355">Option 4</div>
...

选择1
选择2
选择3
选择4
...

查找选中的
输入的
长度。请尝试以下操作:
$('btnSubmit')。单击(函数(){
var chkSelected=$('input:checked')。长度;

如果(chkSelected),我发现本教程中的接缝非常完美,但它只适用于1个勾选框,而不是多个: