验证复选框

时间:2013-03-07 05:57:15

标签: javascript validation

我正在尝试验证表单,以便用户必须选择至少2个夏季活动,否则,将显示弹出窗口。 Here's my code

我的java脚本代码是:

function ValidateForm(f) {

    var summer = document.getElementsByName("summer[]");
    var checked = 0;
    for (var i = 0; i < summer.length; i++) {
        if (winter[i].checked) {
            alert("Please select at least 2 summer activities");
        }
        return false;
    }

}

我的javascript出了什么问题,如果有人知道的话?

3 个答案:

答案 0 :(得分:1)

试试这个:

var Checked = $('input:checkbox:checked').length;

答案 1 :(得分:0)

使用此代码,检查它是否适合您:

function ValidateForm(f) {

    var summer = document.getElementsByName("summer[]");
    var checked = 0;
    for (var i = 0; i < summer.length; i++) {
        if (winter[i].checked) {
   checked=checked+1            

        }

    }
if(checked<2)
{
alert("Please select at least 2 summer activities");
return false;
}
return true;

}

目前,您只是在测试是否选中了复选框,然后返回false ..

答案 2 :(得分:0)

使用JavaScript 1.6的数组过滤功能

var summer =  document.getElementsByName("summer[]"); 
             // or document.querySelectorAll('[name="summer[]"]');

var checked = [].filter.call( summer , function( v ){
    return v.checked;
});

if ( checked.length < 2 ) {
   alert('Please select at least 2 summer activities');
   return false;       
}

return true;