我在表单中有多个复选框的列表。用户可以选中所有复选框,但至少需要一个。如果不选择至少一项,请选中复选框,他们将无法提交表单。如何在联系表格7中填写?
我添加了无法正常运行的脚本。
这是我的剧本
$(document).ready(function(){
$('#checkBtn').click(function() {
checked = $(“ input [type = checkbox]:checked”)。length;
if(!checked) {
alert("You must check at least one checkbox.");
return false;
}
});
});
答案 0 :(得分:1)
这是完美的工作。 在此设置您的代码
$('#fm_submit').submit(function(e){
e.preventDefault();
var ck_box = $('input[type="checkbox"]:checked').length;
// return in firefox or chrome console
// the number of checkbox checked
console.log(ck_box);
if(ck_box < 1){
alert('Select any one box');
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form name = "frmTest[]" id="fm_submit">
<input type="checkbox" value="true" checked="true" >
<input type="checkbox" value="true" checked="true" >
<input type="checkbox" >
<input type="checkbox" >
<input type="submit" id="fm_submit" name="fm_submit" value="Submit">
</form>
<div class="container"></div>
答案 1 :(得分:1)
将代码从上方粘贴在表单底部,而不是“其他设置”
$('#fm_submit').submit(function(e){
e.preventDefault();
var ck_box = $('input[type="checkbox"]:checked').length;
// return in firefox or chrome console the number of checkbox checked enter code here
console.log(ck_box);
if(ck_box < 1){ alert('Select any one box'); }
});
答案 2 :(得分:0)
在这种情况下,仅在插件形式的复选框元素后写星号(*)
[checkbox* checkbox "test 1" "test 2"]
[submit "Send"]