Javascript jQuery:如何验证是否选中了56个复选框中的6个?
我发现了很多关于如何使用jQuery验证表单中是否有一个复选框被选中的信息,但我的问题不止于此: 目前,我正在开发一个表单(Johari窗口),它要求用户使用一个带有56个复选框的简单表单检查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
$('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项!”;});