日期:2014-05-17  浏览次数:20664 次

白痴问题---js验证复选.
各位大神:我的代码是这样的:
<form action = "reponse.php"  name="form1" method = "post">    
<b>9. A quelle(s) famille(s) Activ’Age vos activités appartiennent-elles ?</b><br>
<input type="checkbox" name="activite[]"  value="activités gymniques">Activités gymniques   <br>
<input type="checkbox" name="activite[]"  value="activités gymniques aquatiques">Activités gymniques aquatiques<br>
<input type="checkbox" name="activite[]"  value="activités fitness/forme">Activités fitness/forme<br>
<input type="checkbox" name="activite[]"  value="activités douces/bien-être">Activités douces/ bien-être <br>
 <input type="submit" name="Submit" value="Page suivante">
   </form>

我想给这个复选加个js检验,如果一个没选停留在原页并且发警告,如果选了,就跳到reponse.php.我试验了网上好多的js码,没一个成功的,请问各位大神要怎么写这个js呢?

------解决方案--------------------
随性写的,没有验证过,大概思路是这样的



$("input[name='Submit']").click(function(){
  if($("input[name='activite[]']").attr("checked") == false){
    alert('至少选择一个吧');
   }
   else{
   location.herf = "reponse.php";
    }
});

------解决方案--------------------
在检查失败的时候,需要return false;让页面不跳转,否则的话,虽然检查出没选择了,但是还是会跳转。所以在提示警告的代码后面,跟着一个return false;
代码就不写了啊,好久不写PHP了,忘了,呵呵。
------解决方案--------------------
<script>
  function func(obj){
       var boxs=obj.elements['activite[]'];
   var counter=0;
   for(var i=0;i<boxs.length;i++){
       if(boxs[i].checked) counter++
   }
   if(counter==0){ 
     alert('必须选一个');   
 return false;
   }
   return true;
  }
</script>
<form action = "reponse.php"  name="form1" method = "post" onsubmit="return func(this)">
 
------解决方案--------------------
JQUERY验证:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script type='text/javascript'>
function formValidate(){
if($(":checked").length==0){
alert('哥,随便选一个呗?');
return false;
}else{
return true;
}
}

</script>
<form action = "reponse.php"  name="form1" method = "post" onsubmit="return formValidate();">    
<b>9. A quelle(s) famille(s) Activ’Age