多选复选框非空验证

来源:互联网 发布:zip压缩源码 编辑:程序博客网 时间:2024/05/22 09:28


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-

transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <title>check box</title>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<Script Language="JavaScript">


     function check(){

    var textbox=document.getElementsByName('test');

 
        for(i=0;i<textbox.length;i++){
            if(!textbox[i].checked){
                if(i==textbox.length-1){
                return alert('一个也没有选择!');
                 }
            }else{
              break;
            }
        }

      
     }
</Script>
</head>
<body>

 

 

<input type="checkbox" name="test" value="1" />
<input type="checkbox" name="test" value="2" />
<input type="checkbox" name="test" value="3" />
<input type="checkbox" name="test" value="4" />
<input type="checkbox" name="test" value="5" />

<input type="button"  name="submit"  onclick="check()" value="提交" />

</body>
</html>

 

原创粉丝点击