jquery radio,select相关操作

分手后的思念是犯贱 2021-12-05 17:53 283阅读 0赞

# Radio #

![6e3170d1-a0ea-3a86-8add-a1eb66d68c23.jpg][]

**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=http://www.2cto.com/kf/201110/'rd2'\]").attr('checked','true');

或者

$("input\[value=http://www.2cto.com/kf/201110/'rd2'\]").attr('checked','true');

**6.删除Value值为rd2的Radio**

$("input:radio\[value=http://www.2cto.com/kf/201110/'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)\{

//写入代码

\});

# DropDownList #

![0e05394d-723a-3fba-b3f3-e43eb8ffc60f.jpg][]

**1. 获取选中项：**

获取选中项的Value值：

$('select\#sel option:selected').val();

或者

$('select\#sel').find('option:selected').val();

获取选中项的Text值：

$('select\#seloption:selected').text();

或者

$('select\#sel').find('option:selected').text();

**2. 获取当前选中项的索引值：**

$('select\#sel').get(0).selectedIndex;

**3. 获取当前option的最大索引值：**

$('select\#sel option:last').attr("index")

**4. 获取DropdownList的长度：**

$('select\#sel')\[0\].options.length;

或者

$('select\#sel').get(0).options.length;

**5. 设置第一个option为选中值：**

$('select\#sel option:first').attr('selected','true')

或者

$('select\#sel')\[0\].selectedIndex = 0;

from:[https://www.cnblogs.com/1539136475-/p/4651325.html][https_www.cnblogs.com_1539136475-_p_4651325.html]

[6e3170d1-a0ea-3a86-8add-a1eb66d68c23.jpg]: /images/20211205/88a1b23254c9472a8037c9b5329578b2.png
[0e05394d-723a-3fba-b3f3-e43eb8ffc60f.jpg]: /images/20211205/6e1e6e9bc3b34554915bd5d026971537.png
[https_www.cnblogs.com_1539136475-_p_4651325.html]: https://www.cnblogs.com/1539136475-/p/4651325.html

发表评论取消回复

表情：

评论列表（有 0 条评论，283人围观）

还没有评论，来说两句吧...

相关阅读

相关 jQuery学习笔记08-文本值相关操作

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> ...

﹏ヽ暗。殇╰゛Y/ 2024年04月17日 16:46/ 0 赞/ 18 阅读

相关 JavaScript（2）jQuery常用操作+CSS相关知识

1. 只需等待网页中的DOM结构加载完毕，就能执行包裹的代码 $(document).ready(); 简写格式： $(function()\{\}); // 必须等

àì夳堔傛蜴生んèń/ 2024年02月17日 21:57/ 0 赞/ 8 阅读

相关 jquery 操作 checkbox 相关方法

使用 jquery 操作 checkbox ，相关方法如下 1、设置 checkbox 选中使用 prop("checked", true) 方法 <!D

左手的ㄟ右手/ 2022年12月25日 00:47/ 0 赞/ 113 阅读

相关 05-jquery-CSS 相关操作

CSS 相关操作 CSS()方法 // 获取元素的css $("h1").css("font-size");

野性酷女/ 2022年12月08日 12:50/ 0 赞/ 150 阅读

相关 docker相关操作

基本操作启动容器 docker run 容器名 redis 普通启动方式 docker run -p 6379:6379 -d redis:latest

冷不防/ 2022年11月14日 14:53/ 0 赞/ 109 阅读

相关 mysql数据库相关操作_MySQL数据库相关操作

MySQL简介表的相关操作：创建、删除表表字段的相关操作：添加字段、删除字段、修改字段、修改类型触发器创建触发器触发器类型存储过程存储过程的优点

小灰灰/ 2022年11月05日 03:23/ 0 赞/ 264 阅读

相关 jquery相关操作

$("select").bind("keydown",function(event)\{ if(event.keyCode == 1

水深无声/ 2022年08月06日 05:11/ 0 赞/ 140 阅读

相关 jquery相关

jquery: 选择器：元素选择器： $("p") 选取 <p> 元素。 $("p.intro") 选取所有 class="intro" 的 <p> 元素。 $("

谁践踏了优雅/ 2022年05月29日 01:29/ 0 赞/ 109 阅读

相关 jQuery操作类相关的方法

jQuery中操作类相关的方法总共有三个，下面的代码很基础，也很容易懂。部分地方做好了注释。 <!DOCTYPE html> <html lang="en">

曾经终败给现在/ 2022年03月12日 01:54/ 0 赞/ 191 阅读

相关 jquery radio,select相关操作

Radio ![6e3170d1-a0ea-3a86-8add-a1eb66d68c23.jpg][] 1.获取选中值，三种方法都可以： $('input:ra

分手后的思念是犯贱/ 2021年12月05日 17:53/ 0 赞/ 284 阅读