[英]Making at least One Checkbox mandatory out of the given checkboxes on submit
[英]Multiple Checkboxes > At least one mandatory otherwise error message should display
如何确保访问者在提交表单之前勾选/选择至少一个选项?
这是我的代码的摘录:
<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>
...
找到已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">
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.