• JQuery判断radio是否选中并获取选中值的示例代码


    这篇文章主要介绍了JQuery判断radio是否选中并获取选中值的方法,代码很简单,但很实用,需要的朋友可以参考下

    其他对radio操作功能,以后在添加。直接上代码,别忘记引用JQuery包

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <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++处理。

  • 相关阅读:
    异常处理
    创建数据库的连接(不同的方法)
    PDO类的封装
    理论的认知
    toolBar
    发送指内容的短信
    KVO tableView header悬浮效果
    KVO
    cocoaPods 真机报错
    cocoaPods 部署本版和项目部署版本不一致的错误
  • 原文地址:https://www.cnblogs.com/kenshinobiy/p/4982276.html
Copyright © 2020-2023  润新知