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
最近更新的内容
常用在线小工具jquery（18）
&.is(&:checked&)&vs&.prop(&checked&) == true
　　因此，特地百度了一下，结果如下：
　　.attr(‘checked’):&& //看版本1.6+返回:”checked”或”undefined” ;1.5-返回:true或false
　　.prop(‘checked’): //1.6+:true/false
　　.is(‘:checked’):&&& //所有版本:true/false//别忘记冒号哦
　　jquery赋值checked的几种写法:
　　所有的jquery版本都可以这样赋值:
　　// $(“#cb1″).attr(“checked”,”checked”);
　　// $(“#cb1″).attr(“checked”,true);
　　jquery1.6+:prop的4种赋值:
　　// $(“#cb1″).prop(“checked”,true);//很简单就不说了哦
　　// $(“#cb1″).prop({checked:true}); //map键值对
　　// $(“#cb1″).prop(“checked”,function(){
　　　　//函数返回true或false
　　//$(“#cb1″).prop(“checked”,”checked”);
& & &综上所述：在判断复选框、单选框等有checked属性的元素是否被选中时，兼容最好的是：
　　.is(‘:checked’):&&& //所有版本:true/false//别忘记冒号哦
&&&&&参考网址：
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：3582次
排名：千里之外
原创：28篇
转载：142篇当前位置:&&
html中&checkbox&标签用法解析及如何设置checkbox复选框的默认选中状态
&&&&发布时间:&&
&&&&html中&checkbox&标签用法解析及如何设置checkbox复选框的默认选中状态（由搜集整理)html中复选框Checkbox对象代表一个 HTML 表单中的 一个选择框。html中复选框Checkbox对象的属性属性
html中&checkbox&标签用法解析及如何设置checkbox复选框的默认选中状态（由搜集整理)html中复选框对象代表一个 HTML 表单中的 一个选择框。html中复选框Checkbox对象的属性属性 & & & & & & 描述accessKey & & & &设置或返回访问 checkbox 的快捷键。alt & & & & & & &设置或返回不支持 checkbox 时显示的替代文本。checked & & & & &设置或返回 checkbox 是否应被选中。defaultChecked & 返回 checked 属性的默认值。disabled & & & & 设置或返回 checkbox 是否应被禁用。form & & & & & & 返回对包含 checkbox 的表单的引用。id & & & & & & & 设置或返回 checkbox 的 id。name & & & & & & 设置或返回 checkbox 的名称。tabIndex & & & & 设置或返回 checkbox 的 tab 键控制次序。type & & & & & & 返回 checkbox 的表单元素类型。value & & & & & &设置或返回 checkbox 的 value 属性的值html中复选框Checkbox的标准属性属性 & & & & 描述className & &设置或返回元素的 class 属性。dir & & & & &设置或返回文本的方向。lang & & & & 设置或返回元素的语言代码。title & & & &设置或返回元素的 title 属性。html中复选框Checkbox 对象的方法方法 & & & & &描述blur() & & & &从 checkbox 上移开焦点。click() & & & 模拟在 checkbox 中的一次鼠标点击。focus() & & & 为 checkbox 赋予焦点。html中复选框Checkbox 设置默认选中代码&input name="checkbox" type="checkbox" value="checkbox" checked="checked" /&注意：checked=&checked&表示默认选中状态。html中复选框Checkbox复选框使用举例&form action="" method="get"&
您喜欢的水果？&br /&&br /&
&label&&input name="Fruit" type="checkbox" value="" /&苹果 &/label&
&label&&input name="Fruit" type="checkbox" value="" /&桃子 &/label&
&label&&input name="Fruit" type="checkbox" value="" /&香蕉 &/label&
&label&&input name="Fruit" type="checkbox" value="" /&梨 &/label&
&/form&效果图如下：html中和复选框区别及举例 & &HTML的&input&标记中有两种选择框，即单选框和复选框，两者的区别是单选框中的选项用户只能选择一项，而复选框中的选项用户可以任意选择多项，甚至全选。html中单选框radio和复选框checkbox代码举例&form name="form1" &
你是否喜欢旅游？请选择：&br&
&input type="radio" name="radiobutton" value="radiobutton" checked& 喜欢
&input type="radio" name="radiobutton" value="radiobutton"& 不喜欢
&input type="radio" name="radiobutton" value="radiobutton"& 无所谓&br&
您对那些运动感兴趣，请选择：&br&
&input type="checkbox" name="checkbox1" value="checkbox"& 跑步
&input type="checkbox" name="checkbox2" value="checkbox"& 打球
&input type="checkbox" name="checkbox3" value="checkbox"& 登山
&input type="checkbox" name="checkbox4" value="checkbox"& 健美&br&
&/form&效果图如下:
169IT站内文章除注明原创外，均为转载,整理或搜集自网络.欢迎任何形式的转载，转载请注明出处.转载请注明：文章转载自:[]本文标题:
本类别最新文章推荐:
特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除！
(C)2012-,站长邮箱:www_169it_(请将#改为@)HTML复选框和单选框 checkbox和radio事件介绍
HTML复选框和单选框 checkbox和radio事件介绍
作者： 来源：
checkbox 和 radio的事件选择一度让我很迷惑。 开始以我对js的理解，我觉得change事件应该是最合理的，可惜啊ie下change事件是在改变后焦点离开时才触发。 后来就用click mousedown等鼠标事件代替。发现click比mousedown要更完美一些： radio注册了click事件以后，神奇的是用键盘上的上下左右选择时，居然会触发鼠标事件，滚轮也会触发，这种神奇的事情在mousedown下面是不会发生的。（webkit不能使用上下左右选择） checkbox注册click事件后，奇迹再次上演，当我们用空格选中checkbox时，神奇的click事件再次触发，而mousedown再次与奇迹擦身而过。（webkit还是不能用空格选择） 让我们都用click吧，给这两位老兄减负吧，不要为了他们先天不足给他们绑定一堆事件了，对于这两个家伙click才是万能的。膜拜一下~~~ 在用表单设计调查表时，为了减少用户的操作，使用选择框是一个好主意，在HTML的&input&标记中有两种选择框，即单选框和复选框，两者的区别是单选框中的选项用户只能选择一项，而复选框中的选项用户可以任意选择多项，甚至全选。请看下面的例子: 下面给出这个例子的源代码，结合代码来讲各参数的设置: &form name="form1" & 你是否喜欢旅游？请选择： 复制代码 代码如下: &input type="radio" name="radiobutton" value="radiobutton" checked& 喜欢 &input type="radio" name="radiobutton" value="radiobutton"& 不喜欢 &input type="radio" name="radiobutton" value="radiobutton"& 无所谓&br&
您对那些运动感兴趣，请选择： 复制代码 代码如下: &input type="checkbox" name="checkbox1" value="checkbox"& 跑步 &input type="checkbox" name="checkbox2" value="checkbox"& 打球 &input type="checkbox" name="checkbox3" value="checkbox"& 登山 &input type="checkbox" name="checkbox4" value="checkbox"& 健美&br& &/form&
从上面的源代码中可看出，制作单选框只要把&input&标记的type参数设置为type="radio"就行了;而制作复选框则只要把&input&标记的type参数设置为type="checkbox"就行了。至于实际应用中用那种选择框，要根据实际需要而定。若只需用户有一种选择的，就用单选框，如本例中“你是否喜欢旅游?”这个问题，用户只能是一种选择，所以采用了单选框;若允许用户有多项选择的内容，则采用复选框，如本例中的“你对那些运动感兴趣?”这个问题，因一个人的兴趣可能是多方面的，所以采用了复选框。 在&input&标记中设定checked参数，则该选框就被默认选中。如本例的第一个单选框(“喜欢”下面那个单选框)就设置为默认选中，这样用户若是想选择“喜欢”的话，就可以不用再选了，当然，若用户要选择了“不喜欢”，则只要点击“不喜欢”下的那单选框，而默认值被自动取消。用同样的方法也可以设置某个复选框为默认被选中。但是复选框的默认选中不可滥用，否则会引起用户的反感。 在radio里面千万要注意记得把所有的&input type='radio'&这个对象的name属性都设为相同的，比如说上例的 name="radiobutton" ，记住不是ID属性，只有这样才能实现单选的效果，不然的话上面例子的‘喜欢'、‘不喜欢'、‘无所谓'就可以同时选上了，切记!
　　推荐阅读
经常使用google的朋友一定对google绚丽的日历控件记忆犹新吧,那我们也来实现一个,虽然功能和效果比不上,但重要的是实现的过程. 下面是要实现的html结构: &div id=&a&&&div id=&head&&&span id=&yface&&年:&select &&&
本文标题：
地址：/kaifa2/JS/22823.html
乐购科技部分新闻及文章转载自互联网，供读者交流和学习，若有涉及作者版权等问题请及时与我们联系，以便更正、删除或按规定办理。感谢所有提供资讯的网站，欢迎各类媒体与乐购科技进行文章共享合作。
自媒体专栏
栏目ID=71的表不存在(操作类型=0)}