位置：首页>> 网络编程>> 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的项目为当前选中项

投稿

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

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

猜你喜欢