zoukankan      html  css  js  c++  java
  • jquery提交表单 radio 验证

    <!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>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>radion 验证</title>
    <script type="text/javascript" src='jquery-1.6.js'></script>
    <script type="text/javascript" language="javascript">
    function cc(){
    for(var i = 1;i<7;i++){
    var num = $(".r"+i).length;
    var x = 0;
    var bool = true;
    for(var j=0;j<num;j++){
    var aa = $(".r"+i+":eq("+j+"):checked").val();    
    if(aa == null){
    x++
    }    
    }
    if(x == num){
    alert("r"+i+"请选择");
    bool = false;
    break;
    }    

    }
    if(bool){
    //alert("ok");
    $("#test").submit();
    }
    }
    </script>
    <link href="style.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <form name="test" id="test" action="test.php">
    <input type="radio" name="sex" class="r1" value="男" />男    
    <input type="radio" name="sex" class="r1" value="女" />女    
    <br />    
    <input type="radio" name="list1" class="r2" value="十分满意" />十分满意    
    <input type="radio" name="list1" class="r2" value="满意" />满意    
    <input type="radio" name="list1" class="r2" value="不满意" />不满意    
    <input type="radio" name="list1" class="r2" value="非常差" />非常差    
    <br />

    <input type="radio" name="list2" class="r3" value="十分满意" />十分满意    
    <input type="radio" name="list2" class="r3" value="满意" />满意    
    <input type="radio" name="list2" class="r3" value="不满意" />不满意    
    <input type="radio" name="list2" class="r3" value="非常差" />非常差    
    <br />
    <input type="radio" name="list3" class="r4" value="十分满意" />十分满意    
    <input type="radio" name="list3" class="r4" value="满意" />满意    
    <input type="radio" name="list3" class="r4" value="不满意" />不满意    
    <input type="radio" name="list3" class="r4" value="非常差" />非常差    
    <br />
    <input type="radio" name="list4" class="r5" value="十分满意" />十分满意    
    <input type="radio" name="list4" class="r5" value="满意" />满意    
    <input type="radio" name="list4" class="r5" value="不满意" />不满意    
    <input type="radio" name="list4" class="r5" value="非常差" />非常差    
    <br />
    <input type="radio" name="list5" class="r6" value="十分满意" />十分满意    
    <input type="radio" name="list5" class="r6" value="满意" />满意    
    <input type="radio" name="list5" class="r6" value="不满意" />不满意    
    <input type="radio" name="list5" class="r6" value="非常差" />非常差    
    <br />
    <input id="sub " type="button" name="sub " value="提交" onclick="cc()">
    </form>

    </body>
    </html>
  • 相关阅读:
    2017加油
    配置SSH框架的心得
    .net 中select和where的区别
    oracle查询中文数据出现乱码
    three.js 加载 obj模型
    下载别人的3D模型文件
    关闭按钮
    桌面截屏保存成gif形式(软件)
    vue 中引入 three.js
    three.js-地球贴图-TextureLoader
  • 原文地址:https://www.cnblogs.com/QQJnet/p/2283871.html
Copyright © 2011-2022 走看看