JQuery radio（单选按钮）操作方法汇总
2024-08-28 23:30:24
这篇文章主要介绍了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){
//写入代码
});
最新文章
- 动态给textView加图片
- cento下安装elasticsearch2.4.2小记
- 跟着百度学PHP[4]OOP面对对象编程-9-封装性,访问控制[private、pubic、protected]
- ubuntu学习之一
- Delphi 提示在Delphi的IDE中，按Ctrl+Shift+G键可以为一个接口生成一个新的GUID。
- ubuntu12.04之后该死的文件关联
- 宏 #，##，_ _VA_ARGS_ _
- Data Abstraction
- 李洪强漫谈iOS开发[C语言-033]-三元运算符的应用
- Codeforces Round #242 (Div. 2) <A-D>
- vector的内存释放
- ViewPager和View组合 实现页面的切换
- 关于VS AddIn的注册
- Mysql数据库之auto_increment
- SQL Server多表同时查询
- 什么是Docker？？
- Idea项目上传git（与git结合使用）
- Java之IO(九)其它字节流
- Python——可变类型与不可变类型（即为什么函数默认参数要用元组而非列表）
- nginx client ip配置