複数のチェックボックス>少なくとも1つの必須のその他のエラーメッセージが表示される

Question

フォームを送信する前に、訪問者が少なくとも1つのオプションをチェック/選択するようにするにはどうすればよいですか？

<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> 
... 

Answer 1

がchecked入力のlengthを探す：

は、ここに私のコードの抜粋です。次のことを試してみてください。

$('#btnSubmit').click(function(){ 
 
    var chkSelected = $('input:checked').length; 
 
    if(chkSelected <= 0){ 
 
     console.log('No checkbox selected'); 
 
    } 
 
    else{ 
 
     console.log('Checkbox selected'); 
 
    } 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<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><br> 
 
<input type="submit" id="btnSubmit" name="" value="Submit">