如何在html中获取被选中的radio的值？
[问题点数：40分]
如何在html中获取被选中的radio的值？
[问题点数：40分]
不显示删除回复
显示所有回复
显示星级回复
显示得分回复
只显示楼主
2013年5月 总版技术专家分月排行榜第一
2016年7月 总版技术专家分月排行榜第二2016年3月 总版技术专家分月排行榜第二2015年12月 总版技术专家分月排行榜第二2014年8月 总版技术专家分月排行榜第二2014年7月 总版技术专家分月排行榜第二2013年6月 总版技术专家分月排行榜第二
匿名用户不能发表回复！|
每天回帖即可获得10分可用分！小技巧：
你还可以输入10000个字符
(Ctrl+Enter)
请遵守CSDN，不得违反国家法律法规。
转载文章请注明出自“CSDN（www.csdn.net）”。如是商业用途请联系原作者。JQuery判断radio（单选框）是否选中和获取选中值方法总结
投稿：junjie
字体：[ ] 类型：转载 时间：
这篇文章主要介绍了JQuery判断radio（单选框）是否选中和获取选中值方法总结,本文讲解了利用获取选中值判断选中、使用checked属性判断选中、jquery获取radio单选按钮的值、获取一组radio被选中项的值、设置单选按钮被选中等内容,需要的朋友可以参考下
一、利用获取选中值判断选中
直接上代码，别忘记引用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"&
&meta http-equiv="Content-Type" content="text/ 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("什么也没选中!");
&&&&&&&&&&&&&&&
&&&&&&&&&&& }
&&&&&&&&&&& else{
&&&&&&&&&&&&&&& alert(val);
&&&&&&&&&&& }
&&&&&&&&&&& var list= $('input:radio[name="list"]:checked').val();
&&&&&&&&&&& if(list==null){
&&&&&&&&&&&&&&& alert("请选中一个!");
&&&&&&&&&&&&&&&
&&&&&&&&&&& }
&&&&&&&&&&& else{
&&&&&&&&&&&&&&& alert(list);
&&&&&&&&&&& }&&&&&&&&&&
&&&&&&&& });
&form id="form1" &
&input type="radio"& name="sex" value="男" /&男
&input type="radio" name="sex" value="女" /&女
&input type="radio"& name="list" value="十分满意" /&十分满意
&input type="radio" name="list" value="满意" /&满意
&input type="radio" name="list" value="不满意" /&不满意
&input type="radio" name="list" value="非常差" /&非常差
&input type="submit" value="submit"& id="btnSubmit" /&
radio不能用“checked”相等来判断，只用用true来判断&&&
&script type="text/javascript"&
&&&&&&& $(function () {
&&&&&&&&&&& $("input").click(function () {
&&&&&&&&&&&&&&& if ($(this).attr("checked")) {
&&&&&&&&&&&&&&&&&&& alert("选中了");
&&&&&&&&&&&&&&& }
&&&&&&&&&&& });
&&&&&&& });
&&& &/script&
&input type="radio"/&
二、使用checked属性判断选中
radio不能用“checked”相等来判断，只用用true来判断&&&
&script type="text/javascript"&
&&&&&&& $(function () {
&&&&&&&&&&& $("input").click(function () {
&&&&&&&&&&&&&&& if ($(this).attr("checked")) {
&&&&&&&&&&&&&&&&&&& alert("选中了");
&&&&&&&&&&&&&&& }
&&&&&&&&&&& });
&&&&&&& });
&&& &/script&
&input type="radio"/&
三、jquery获取radio单选按钮的值&
$("input[name='items']:checked").val();&
另：判断radio是否选中并取得选中的值
如下所示：
function checkradio(){
var item = $(":radio:checked");
var len=item.
if(len&0){
& alert("yes--选中的值为："+$(":radio:checked").val());
四、获取一组radio被选中项的值&&
var item = $('input[name=items][checked]').val();&&
五、设置单选按钮被选中
$("input[type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项&&
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具[转载]JS&如何获取radio选中后的值
&head&&&&&&&&
http-equiv="Content-Type" content="text/ charset=gb2312"&&&&&&&&
&title&text&/title&&&&&&&&
&script&&&&&&&&&&&&
var chk = <span STYLE="BACKGroUnD-CoLor: #f5f5f5; CoLor: #;
&&&&&&&&&&&
window.onload=function
(){&&&&&&&&&&&&&&&
var chkObjs
document.getElementsByName("radio");
&&&&&&&&&&&&&&&
for(var i=<span STYLE="BACKGroUnD-CoLor: #f5f5f5; CoLor: #;i&chkObjs.i++){
&&&&&&&&&&&&&&&&&&&
if(chkObjs[i].checked){
&&&&&&&&&&&&&&&&&&&&&&&
chk = i;&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&
&&&&&&&&&&&
}&&&&&&&&&&&
function check_radio(){&&&&&&&&&&&&&&&
var chkObjs
document.getElementsByName("radio");
&&&&&&&&&&&&&&&
for(var i=<span STYLE="BACKGroUnD-CoLor: #f5f5f5; CoLor: #;i&chkObjs.i++){
&&&&&&&&&&&&&&&&&&&
if(chkObjs[i].checked){
&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&
alert("radio值没有改变不能提交");
&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&}
&&&&&&&&&&&
&/script&&&&
&body&&&&&&&&
action='' method='post' onsubmit='javascript:return check_radio()'&&&&&&&&&&&&
type='radio' value='1' name='radio' checked='checked'&一;&&&&&&&&&&&
type='radio' value='2' name='radio'&二;&&&&&&&&&&&
type='radio' value='3' name='radio'&三;&&&&&&&&&&&
type='radio' value='4' name='radio'&四;&&&&&&&&&&&
type='radio' value='5' name='radio'&五;
&&&&&&&&&&&
type=submit value=sub &&&&&&&&
&/form&&&&
&/body&&/html&
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
另外，如果使用.net控件，仍然可以使用JS获取选中值，如：
&asp:RadioButtonList ID="rblID" runat="server"
RepeatColumns="7" RepeatLayout="Flow"&
&asp:ListItem Value="1"
Selected="True"&选项一&/asp:ListItem&
&asp:ListItem
Value="2"&选项二&/asp:ListItem&
&asp:ListItem
Value="3"&选项三&/asp:ListItem&
&/asp:RadioButtonList&
注意各选项radio.ID的html生成规则分别为：rblID_0、rblID_1、rblID_2。即等同于：
&input id="rblID_0" type="radio" name="rblID"
value="1" checked="checked" /&
&input id="rblID_1" type="radio" name="rblID"
value="2" /&
&input id="rblID_2" type="radio" name="rblID"
value="3" /&
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。jquery设置radio选中_获取radio选中的值_判断radio是否选中_DD博客
jquery设置radio选中
收款微信号 dwtedx
支付宝帐户
比特币帐户
深度剖解各个领域业务流程、全面展示自己的所长及个人发展新思路
微信公众号 : （推荐）
备案信息 :
DD博客上的所有软件和源码Demo及相关资料均为软件商和个人工作总结或网友推荐及网络收集整理而来、仅供学习和研究使用、切勿用做商业用途、如有侵犯版权者、请来信到邮箱 ： 指出、DD博客将立即修正、净化网络版权环境、同时DD博客也不承担用户因使用这些下载资源对自己和他人造成任何形式的损失或伤害
& Copyright 2016. All rights reserved.}