判断多选个数 不指定

jed , 2007-7-2 16:47 , 代码编程 , 评论(0) , 阅读(2933) , Via 本站原创 | |

<html>  
       <head>
           <title>判断多选,单选是否选中</title>
           <script>
                function checkRadioOrCheckbox(formObject){
                    var fObject=formObject;
                    var checkboxObject=document.getElementsByName("ckname");  
                    var radioObject=document.getElementsByName("radioname");    
      var cknum=0;  
      var radionum=0;        
      for(var j=0;j<checkboxObject.length;j++){
              if(checkboxObject[j].checked){
                 cknum=cknum+1;
              }          
       }
       if(cknum==0){
               alert("checkbox没选");
               return false;
        }else if(cknum>3){//超过3个checkbox checked
               alert("最多选3个");
               return false;
        }
       
        for(var j=0;j<radioObject.length;j++){
              if(radioObject[j].checked){
                 radionum=radionum+1;
              }          
       }
       if(radionum==0){
               alert("radio没选");
               return false;
            }      
                }
           </script>
       </head>
   <body>
       <form method="post" action="" onsubmit="return checkRadioOrCheckbox(this);">
          <div>
             <div>checkbox</div>
          <input type="checkbox" name="ckname" value="0">
          <input type="checkbox" name="ckname" value="1">
          <input type="checkbox" name="ckname" value="2">
          <input type="checkbox" name="ckname" value="3">
          <input type="checkbox" name="ckname" value="4">
          <input type="checkbox" name="ckname" value="5">
          </div>
          <div>
             <div>radio type</div>
          <input type="radio" name="radioname" value="0">
          <input type="radio" name="radioname" value="1">
          <input type="radio" name="radioname" value="2">
          <input type="radio" name="radioname" value="3">
          <input type="radio" name="radioname" value="4">
          </div>
          <input type="submit" name="submit" value="测试checkbox or radio checked">
       </form>
   </body>
</html>

Tags:
发表评论

昵称

网址

电邮

打开HTML 打开UBB 打开表情 隐藏 记住我 [登入] [注册]