网络编程
位置:首页>> 网络编程>> JavaScript>> JQuery判断radio(单选框)是否选中和获取选中值方法总结

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

作者:junjie  发布时间:2024-04-19 10:24:11 

标签:JQuery,radio,单选框,是否选中,选中值

先给大家分享

JQuery判断radio单选框是否选中并获取值的方法

https://www.aspxhome.com/article/154840.htm

一、利用获取选中值判断选中

直接上代码,别忘记引用JQuery包

<!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=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>


radio不能用“checked”相等来判断,只用用true来判断   

<script type="text/javascript">        $(function () {            $("input").click(function () {                if ($(this).attr("checked")) {                    alert("选中了");                }            });        });    </script></head><body><input type="radio"/></body></html>


二、使用checked属性判断选中

radio不能用“checked”相等来判断,只用用true来判断   

<script type="text/javascript">        $(function () {            $("input").click(function () {                if ($(this).attr("checked")) {                    alert("选中了");                }            });        });    </script></head><body><input type="radio"/></body></html>


三、jquery获取radio单选按钮的值 

$("input[name='items']:checked").val(); 

另:判断radio是否选中并取得选中的值  如下所示:

function checkradio(){ var item = $(":radio:checked"); var len=item.length; if(len>0){   alert("yes--选中的值为:"+$(":radio:checked").val()); } }

四、获取一组radio被选中项的值  

var item = $('input[name=items][checked]').val();  

五、设置单选按钮被选中


$("input[type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项  


0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com