首页 > 网站 > WEB开发 > 正文

JQuery判断radio是否选中,获取选中值

2024-04-27 14:17:58
字体:
来源:转载
供稿:网友

JQuery判断radio是否选中,获取选中值

本文摘自:http://www.cnblogs.com/xcj1989/archive/2011/06/29/JQUERY_RADIO.html

 

/*---------------------------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"><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"); 比较好,这种方法较简洁

关于jquery is()方法的介绍  http://www.Vevb.com.cn/jquery/traversing_is.asp

    is() 根据选择器、元素或 jQuery 对象来检测匹配元素集合,如果这些元素中至少有一个元素匹配给定的参数,则返回 true。

如果您保存后乱码,这里推荐使用notepad++处理。


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表