Javascript jQuery:如何验证是否选中了56个复选框中的6个?

Javascript jQuery:如何验证是否选中了56个复选框中的6个?,javascript,jquery,checkbox,Javascript,Jquery,Checkbox,我发现了很多关于如何使用jQuery验证表单中是否有一个复选框被选中的信息,但我的问题不止于此: 目前,我正在开发一个表单(Johari窗口),它要求用户使用一个带有56个复选框的简单表单检查56项中的6项 你能给我指一下正确的方向吗 编辑: 这就成功了,再次感谢你的帮助 $('form').submit(function(e){ if($('input[type="checkbox"]:checked').length < 6 ){ e.preventDefaul

我发现了很多关于如何使用jQuery验证表单中是否有一个复选框被选中的信息,但我的问题不止于此: 目前,我正在开发一个表单(Johari窗口),它要求用户使用一个带有56个复选框的简单表单检查56项中的6项

你能给我指一下正确的方向吗

编辑: 这就成功了,再次感谢你的帮助

$('form').submit(function(e){
    if($('input[type="checkbox"]:checked').length < 6 ){
        e.preventDefault();     alert("Please select 6 items!");
    } });
$('form')。提交(函数(e){
if($('input[type=“checkbox”]:checked')。长度<6){
e、 preventDefault();警报(“请选择6项!”);
} });

选中复选框的长度

$('input[type="checkobox"]:checked').length;
你可以这样做

$('form').submit(function(e){
    if($('input[type="checkobox"]:checked').length < 6 ){
        e.preventDefault(); //to stop form submission 
    }
});
$('form')。提交(函数(e){
if($('input[type=“checkobox”]:checked')。长度<6){
e、 preventDefault();//停止表单提交
}
});
参考资料


您可以使用jQuery尝试js函数:

function isValid(){
    return $('input[type="checkbox"]:checked').length == 6;
}

您没有说明如何进行验证,但类似于:

if ($(":checked" ).length < 6)
{
      //Not valid
}
if($(“:选中”)。长度<6)
{
//无效
}
假设复选框是页面上唯一的“可选”输入

注意-还假设选中6个以上也可以?

简单:

if ($("input[type='checkbox']:checked").length == 6) {
   // Do whatever you need to do
}

希望这对你有帮助

if ($('input:checkbox:checked').length == 6) {
    // validation successful
} else {
    // return an error
}

选中选中复选框数的长度:

$('input[type="checkbox"]').is(":checked").length;
只有在检查了6个以上的项目后,才提交您的表格:

$('form').submit(function(e){
    if($('input[type="checkbox"').is(":checked").length < 6 ){
        e.preventDefault();
    }
});
$('form')。提交(函数(e){
如果($('input[type=“checkbox”')是(“:checked”)。长度小于6){
e、 预防默认值();
}
});

仅为供参考,使用了一种非常不同的方法:

var checkBox = $('input[type="checkbox"]');
var num = 0;
$.each(checkBox, function(){
    var checked = $(this).is(":checked");
    if(checked){
        if(num < 6){
            num++;
        } else {
            //Do something
        }
    }
});
var checkBox=$('input[type=“checkBox”]”);
var num=0;
$.each(复选框,函数(){
var checked=$(this).is(“:checked”);
如果(选中){
if(num<6){
num++;
}否则{
//做点什么
}
}
});

Wow,在几秒钟内就有7个答案……我很惊讶!谢谢你们!这最终成功了。顺便说一句:$('form')。提交(函数(e){if($('input[type=“checkbox”]:checked')。长度<6){e.preventDefault();警告(“请选择6项!”;});