网站首页  汉语字词  英语词汇  考试资料  写作素材  旧版资料

请输入您要查询的考试资料:

 

标题 JQuery判断radio是否选中并获取选中值的示例代码
内容
    其他对radio操作功能,以后在添加。直接上代码,别忘记引用JQuery包
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
    <html xmlns="">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>JQuery radio</title>
    <script type="text/javascript" language="javascript" src="JavaScript/jquery-1.6.1.min.js" ></script>
    <script type="text/javascript" language="javascript">
    /*------判断radio是否有选中,获取选中的值--------*/
    $(function(){
    $("#btnSubmit").click(function(){
    var val=$('input:radio[name="sex"]:checked').val();
    if(val==null){
    alert("什么也没选中!");
    return false;
    }
    else{
    alert(val);
    }
    var list= $('input:radio[name="list"]:checked').val();
    if(list==null){
    alert("请选中一个!");
    return false;
    }
    else{
    alert(list);
    }
    });
    });
    </script>
    </head>
    <body>
    <form id="form1" >
    <input type="radio" name="sex" value="男" />男
    <input type="radio" name="sex" value="女" />女
    <br />
    <input type="radio" name="list" value="十分满意" />十分满意
    <input type="radio" name="list" value="满意" />满意
    <input type="radio" name="list" value="不满意" />不满意
    <input type="radio" name="list" value="非常差" />非常差
    <br />
    <input type="submit" value="submit" id="btnSubmit" />
    </form>
    </body>
    </html>
    网友评论:var boolCheck=$('input:radio[name="sex"]').is(":checked"); 比较好,这种方法较简洁
    is() 根据选择器、元素或 jQuery 对象来检测匹配元素集合,如果这些元素中至少有一个元素匹配给定的参数,则返回 true。
    如果您保存后乱码,这里推荐使用notepad++处理。
随便看

 

在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。

 

Copyright © 2002-2024 cuapp.net All Rights Reserved
更新时间:2025/5/20 13:00:46