< head> < me...">
美文网首页我爱编程
JQuery判断radio(单选框)是否选中和获取选中值方法

JQuery判断radio(单选框)是否选中和获取选中值方法

作者: i_木木木木木 | 来源:发表于2018-05-26 12:34 被阅读314次

    < html xmlns="http://www.w3.org/1999/xhtml">

    < head>

    < meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    < title>JQuery radio

    < script type="text/javascript" language="javascript" src="JavaScript/jquery-1.6.1.min.js" >

    < 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="list" value="十分满意" />十分满意

    满意

    不满意

    非常差

    < input type="submit" value="submit"  id="btnSubmit" />

    < /form>

    < /body>

    相关文章

      网友评论

        本文标题:JQuery判断radio(单选框)是否选中和获取选中值方法

        本文链接:https://www.haomeiwen.com/subject/xukmjftx.html