JQuery radio（单选按钮）操作方法汇总
更新时间：2015年04月15日 12:10:39 投稿：junjie
这篇文章主要介绍了JQuery radio（单选按钮）操作方法汇总,本文讲解了获取选中值、设置选中值、根据Value值设置选中、删除Radio、遍历等内容,需要的朋友可以参考下
随着Jquery的作用越来越大，使用的朋友也越来越多。在Web中，由于CheckBox、Radiobutton 、DropDownList等控件使用的频率比较高，就关系到这些控件在Jquery中的操作问题。由于Jquery的版本更新很快，代码的写法也改变了许多，以下Jquery代码适query1.4版本以上。
1.获取选中值，三种方法都可以：
复制代码 代码如下:
$('input:radio:checked').val()；
$("input[type='radio']:checked").val();
$("input[name='rd']:checked").val();
2.设置第一个Radio为选中值：
复制代码 代码如下:
$('input:radio:first').attr('checked', 'checked');
或者
复制代码 代码如下:
$('input:radio:first').attr('checked', 'true');
注：attr("checked",'checked')= attr("checked", 'true')= attr("checked", true)
3.设置最后一个Radio为选中值：
复制代码 代码如下:
$('input:radio:last').attr('checked', 'checked');
或者
复制代码 代码如下:
$('input:radio:last').attr('checked', 'true');
4.根据索引值设置任意一个radio为选中值：
复制代码 代码如下:
$('input:radio').eq(索引值).attr('checked', 'true');索引值=0,1,2....
或者
复制代码 代码如下:
$('input:radio').slice(1,2).attr('checked', 'true');
5.根据Value值设置Radio为选中值
复制代码 代码如下:
$("input:radio[value='rd2']").attr('checked','true');
或者
复制代码 代码如下:
$("input[value='rd2']").attr('checked','true');
6.删除Value值为rd2的Radio
复制代码 代码如下:
$("input:radio[value='rd2']").remove();
7.删除第几个Radio
复制代码 代码如下:
$("input:radio").eq(索引值).remove();索引值=0,1,2....
如删除第3个Radio:$("input:radio").eq(2).remove();
8.遍历Radio
复制代码 代码如下:
$('input:radio').each(function(index,domEle){
//写入代码
});
相关文章
这篇文章主要介绍了jQuery中click事件用法,以实例形式分析了click事件的具体功能及应用技巧,非常具有实用价值,需要的朋友可以参考下2014-12-12
jQuery 学习第六课 实现一个Ajax的TreeView
TreeView是asp.net自带的控件，不过自带的控件在灵活性上有诸多限制。在jQuery的帮助下，自己实现一个TreeView也不困难。本文是前几篇文章所讲内容的一个综合演练。2010-05-05
这篇文章主要介绍了jQuery实现对无序列表的排序功能,涉及jQuery与javascript常见的文本操作函数与sort排序函数的相关使用方法,具有一定参考借鉴价值,需要的朋友可以参考下2016-06-06
font-size属性想必大家并不陌生吧，此属性控制字体的大小，在本文将为大家介绍下如何使用jquery获取font-size属性值，感兴趣的朋友可以参考下2013-09-09
从软件到网站，菜单可以说是无处不在。在传统应用软件开发中，一般都有现成的控件可以使用；但是在网页开发时，基本上要靠开发人员自己动手设计2012-05-05
Jquery EasyUI的添加，修改，删除，查询等基本操作介绍
初识Jquery EasyUI看了一些博主用其开发出来的项目，页面很炫，感觉功能挺强大，效果也挺不错，最近一直想系统学习一套前台控件，于是在网上找了一些参考示例2013-10-10
这篇文章主要介绍了jQuery实现的简单无刷新评论功能,涉及jQuery事件响应及页面元素属性动态操作相关实现技巧,代码中备有较为详尽的注释便于理解,需要的朋友可以参考下2017-11-11
本文通过jquery代码实现窗口拖动功能以及jQuery 鼠标拖拽移动窗口的实现代码，代码简单易懂，非常不错，具有参考借鉴价值，需要的朋友参考下2017-02-02
javascript/jquery实现点击触发事件的方法分析
这篇文章主要介绍了javascript/jquery实现点击触发事件的方法,结合具体实例形式分析了JavaScript与jQuery针对点击按钮触发事件的相关实现与使用技巧,需要的朋友可以参考下2019-11-11
jQuery增加、删除及修改select option的方法
这篇文章主要介绍了jQuery增加、删除及修改select option的方法,涉及jQuery针对form表单中select选项的常见操作技巧,需要的朋友可以参考下2016-08-08
最新评论