- 浏览: 1586807 次
- 性别:
- 来自: 吉林
文章分类
- 全部博客 (624)
- C/C++ (33)
- Java (181)
- 网络相关 (7)
- 我爱篮球 (3)
- 也爱足球 (4)
- 杂谈 (1)
- 系统架构 (3)
- Web Service (14)
- Framework (3)
- 系统命令 (8)
- 管理平台相关 (8)
- 其它 (35)
- Websphere (1)
- Struts2 (24)
- Hibernate (16)
- Spring (23)
- javascript (20)
- jquery (23)
- html/css/div (28)
- 数据库 (40)
- JavaWeb (27)
- 设计模式 (2)
- 文档编写 (3)
- SVN (5)
- Ant (1)
- Maven (13)
- 软件项目管理 (8)
- AOP (1)
- kindeditor (1)
- JSON (2)
- Servlt/JSP (4)
- WordXML (2)
- XML (12)
- 面试相关 (7)
- Tomcat (11)
- 性能与调优 (29)
- 职业发展 (2)
- 操作系统 (7)
- AJAX (2)
- DWR (1)
- Eclipse (12)
- 持续集成 (3)
- 批处理命令 (1)
- Mozilla Rhino (2)
- 新鲜技术 (18)
- Apache mina (2)
- 底层技术 (18)
- Linux (22)
- 新鲜技术,IT历史 (1)
- 敏捷开发 (1)
- 版本控制 (5)
- 较火技术 (7)
- 集群 (2)
- Web前端 (13)
- 报表工具 (3)
- 网站架构 (5)
- 大数据 (8)
- 分布式存储 (5)
- 云计算 (8)
- TCP/IP协议 (1)
- 负载均衡 (3)
- 硬件 (1)
- 表现层技术 (3)
- Velocity (3)
- jvm (6)
- 并发编程 (10)
- hadoop (8)
- 数据结构和算法 (12)
- 计算机原理 (1)
- 测试驱动开发-TDD (3)
- 开发技巧 (1)
- 分词器 (1)
- 项目构建工具 (2)
- JMX (4)
- RMI (1)
- 测试技术 (22)
- 网络完全 (1)
- Git (4)
- apache开源包 (4)
- Java常用 (1)
- mock (2)
- OSGi (2)
- MongoDB (1)
- JBPM (1)
- Storm (3)
- mysql (2)
- telnet (1)
- 正则表达式 (1)
- bootstrap (4)
- Apache ActiveMQ (1)
- redis (9)
- Nginx (2)
- rsync+inotify文件同步 (2)
- testng (1)
- 原型设计工具 (1)
- 工程能力 (1)
- 风险控制 (3)
- ibatis (1)
- 分布式 (4)
- 安全技术 (1)
- 计算机基础 (4)
- 消息中间件 (1)
- UML (2)
最新评论
-
u012236967:
java命令执行jar包(里面的main函数)的方式(包括依赖其它的jar包问题) -
世界尽头没有你:
Selenium自动化测试从入门到精通(Java版)百度网盘地 ...
自动化测试工具 Selenium WebDriver 入门教程(针对主流浏览器) -
小小西芹菜:
我喜欢代码简洁易读,服务稳定的推送服务,前段时间研究了一下go ...
dwr实现Reverse Ajax推送技术的三种方式 -
hellozhouqiao:
楼主,请教一点问题.现在我们需要在excel 的页脚里面加上图 ...
FreeMaker + xml 导出word(处理目录,图片和页眉页脚问题) -
乱在长安:
使用Timer会有各种各样的问题好嘛?!书上推荐使用Sched ...
DelayQueue (ScheduledThreadPoolExecutor调度的实现)
原文地址:http://blog.csdn.net/heardy/article/details/6081354
jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关设置
获取一组radio被选中项的值:var item = $('input[name=items][checked]').val();
获取select被选中项的文本:var item = $("select[@name=items] option[@selected]").text();
获取select被选中项的文本 :var item = $("select[name=items] option[selected]").text(); 或$("select[name=items]").find("option:selected").text();
select下拉框的第二个元素为当前选中值:$('#select_id')[0].selectedIndex = 1;
select下拉框value = 'val'的元素为当前选中项:$("select[name=items] option[value='val']").attr("selected","selected");
radio单选组的第二个元素为当前选中项 :$('input[@name=items]').get(1).checked = true; 或$('input[name=items]').attr("checked", '1′);
radio的value = 'val'的元素为当前选中项:$('input[name=items] [value='val']').attr("checked","checked");
获取值:
文本框,文本区域:$("#txt").attr("value");
多选框checkbox:$("input[name='checkbox':checked]").each(function(){
var val = $(this).val();
});
单选组radio: $("input[type=radio][checked]").val();
下拉框select的value值: $('select').val();
下拉框select选中的text 值:$("select").find("option:selected").text();
控制表单元素:
文本框,文本区域:$("#txt").attr("value","); //清空内容
$("#txt").attr("value",'11′); //填充内容
多选框checkbox:
checkbox的第二个元素被打勾:$("input[name=items]").get(1).checked = true; //打勾
$("input[name=items]").get(1).checked = false; //不打勾
checkbox的value='val'的元素前打勾:$("input[name=item][value='val']").attr("checked",true); 或$("input[name=item][value='val']").attr("checked","checked");
if($("input[name=item][value='val']").attr('checked')==true) //判断是否已经打勾
单选组radio: $("input[type=radio]").attr("checked",'2′);//设置value=2的项目为当前选中项
下拉框select: $("#sel").attr("value",'-sel3′);//设置value=-sel3的项目为当前选中项
$("<option value='1′>1111</option><option value='2′>2222</option>").appendTo("#sel")//添加下拉框的option
$("#sel").empty();//清空下拉框
jQuery获取Radio选择的Value值
代码
$("input[name='radio_name'][checked]").val(); //选择被选中Radio的Value值
$("#text_id").focus(function(){//code...}); //事件 当对象text_id获取焦点时触发
$("#text_id").blur(function(){//code...}); //事件 当对象text_id失去焦点时触发
$("#text_id").select(); //使文本框的Vlaue值成选中状态
$("input[name='radio_name'][value='要选中Radio的Value值'").
attr("checked",true); //根据Value值设置Radio为选中状态
jQuery获取CheckBox选择的Value值
$("input[name='checkbox_name'][checked]"); //选择被选中CheckBox元素的集合 如果你想得到Value值你需要遍历这个集合
$($("input[name='checkbox_name'][checked]")).
each(function(){arrChk+=this.value + ',';});//遍历被选中CheckBox元素的集合 得到Value值
$("#checkbox_id").attr("checked"); //获取一个CheckBox的状态(有没有被选中,返回true/false)
$("#checkbox_id").attr("checked",true); //设置一个CheckBox的状态为选中(checked=true)
$("#checkbox_id").attr("checked",false); //设置一个CheckBox的状态为不选中(checked=false)
$("input[name='checkbox_name']").attr
("checked",$("#checkbox_id").attr("checked"));//根据3,4,5条,你可以分析分析这句代码的意思
$("#text_id").val().split(","); //将Text的Value值以','分隔 返回一个数组
jquery1.3.2
ISDARK : $("input[@type=radio][name=ISDARK][checked]").val()
$("input[name=radioname][value=radio值]").attr("checked","checked");
原文地址:http://blog.csdn.net/heardy/article/details/6081354
发表评论
-
jQuery Validate验证框架详解
2015-09-02 17:42 1473jQuery Validate验证框架详解 jQuer ... -
Jquery validate使用详解
2015-03-19 17:06 569转自:http://blog.sina.com.cn/s/b ... -
Jquery Autocomplete插件介绍
2015-03-19 16:59 1152转自:http://blog.sina.com. ... -
JQuery获取元素
2015-02-12 20:07 8731、利用标签名获取元素 $("标签名" ... -
Jquery之树形插件
2015-02-09 15:33 1293Jquery之树形插件 1、DynaTree (推荐使 ... -
JQuery常用
2015-02-04 17:05 563Jquery插件收藏 摘要: 1 ... -
jQuery弹出层插件–BlockUI
2015-02-04 16:23 3539view plaincopyprint? ... -
jquery easy ui(包含各种常用web组件)
2015-02-04 16:12 1067http://www.jeasyui.com/index.ph ... -
用JQuery的方式把name相同的元素按照数组方式提交到后台
2014-10-12 18:48 1735如果直接放到form里面,名字相同的多个元素只需要在后台用r ... -
Jquery validate验证表单时多个name相同的元素只验证第一个的问题
2014-10-12 18:27 13731下面搜集了五种方法,主要还是前两个提供了解决方案,第三种需 ... -
jquery.validate 的使用方法
2014-07-25 09:51 1154一、准备工作需要JQuery版本:1.5.2+jquery. ... -
jquery validate在不使用submit的方式进行校验(如ajax方式提交等)
2014-07-24 16:24 1101$("#form").validate() ... -
Jquery select2 插件做联动查询(好用)
2014-07-01 13:42 4391最近跟的一个项目整体的架构采用的是win 8(metro)风 ... -
学习Struts2 jQuery Plugin 3.0(转)(此外还有struts-jquery-grid-tags, showcase等)
2014-01-14 20:04 1366from:http://blog.csdn.net/ld_f ... -
2013年前端开发工具最强盘点
2014-01-14 14:23 1331概述:前端开发人员不要错过的巨强盘点,全面覆盖了原型设计 ... -
JQuery实现提示层几秒钟后消失
2013-09-13 11:21 2134<div id="testdivsho ... -
JSTree简介
2013-06-20 15:20 1091官网:http://www.jstree.com/ Wh ... -
jqGrid使用详解
2013-06-04 18:03 3761jquery服务器parametersfunctionaj ... -
My97DatePicker
2013-05-28 15:32 944一. 简介 1. 简介 目前的版本是:4.8 2. ... -
Jquery-zTree的基本用法
2012-07-19 11:32 1965【简介】 zTree 是利用 JQuery 的核心代码,实现 ...
相关推荐
jQuery 获取和设置 Select 选择的 Text 和 Value jQuery 获取 Select 选择的 Text 和 Value 是一种常见的操作,例如在表单提交前获取用户选择的选项,或者在页面加载时根据服务器端的数据设置选择的选项。本文将...
根据提供的文件信息,我们可以了解到如何使用jQuery来获取HTML中select标签的选中项(option)的值(value)和文本内容(text)。以下是详细的知识点: 1. 引入jQuery库:要使用jQuery操作DOM元素,必须先引入...
jQuery获取Select选择的Text和Value: 代码如下: $(“#select_id”).change(function(){//code…}); //为Select添加事件,当选择其中一项时触发 var checkText=$(“#select_id”).find(“option:selected”).text(); ...
本手册将详细介绍如何使用jQuery获取和操作`Select`标签以及相关的`Radio`和`Checkbox`元素。 1. **获取Select标签的value值**: 要获取`Select`标签中当前选中的选项的`value`属性值,可以使用`$('select').val()...
通过一个循环遍历所有option元素,并将每个元素的text和value组合成字符串,然后将这些字符串拼接到一个数组或一个长字符串中。 ```javascript var arr = new Array(); // 数组定义标准形式 var all = ""; // 定义...
jQuery获取Select选择的Text和Value: 选择一项试试看 语法解释: 代码如下: . $(“#select_id”).change(function(){//code…}); //为Select添加事件,当选择其中一项时触发 . var checkText=$(“#select_id”)....
### jQuery 操作 Select Option 整理 #### 一、引言 在Web开发中,`<select>`元素作为用户交互的重要部分,常用于提供一系列选项供用户选择。jQuery作为一种流行的JavaScript库,极大地简化了DOM操作的过程,使得...
为了更详细地说明知识点,这里再补充一些关于如何使用jQuery获取select选中option的value值的其他相关方法和注意事项: 1. 当页面加载完成后,通常需要确保在文档完全加载之后再进行元素操作,因此获取select元素的...
1. **获取Select选择的Text和Value**: - 使用`$(“#select_id”).find(“option:selected”).text()`可以获取当前被选中Option的文本内容。 - 使用`$(“#select_id”).val()`则可以获取当前被选中Option的关联值...
这里使用了`option:selected`选择器来选取当前被选中的`<option>`元素,并通过`.text()`获取其文本内容。 2. **设置默认选中的下拉项**: ```javascript $('#select_id')[0].selectedIndex = 1; ``` 通过直接...
### Jquery 获取 Select 标签的值 在前端开发中,使用 jQuery 框架能够极大地简化 DOM 操作,使得获取或设置 HTML 元素的属性变得更加容易。本篇文章将详细介绍如何利用 jQuery 来获取 Select 标签的值以及相关的...
1、jquery获取当前选中select的text值 var checkText=$(“#slc1”).find(“option:selected”).text(); 2、jquery获取当前选中select的value值 var checkValue=$(“#slc1”).val(); 3、jquery获取当前选中select的...
### jQuery 获取 Select、Radio、Checkbox 的 Text 和 Value 值详解 #### 一、Select 下拉框的操作 在网页开发中,`<select>` 标签用于创建下拉列表,通常用于用户输入时的选择操作。jQuery 提供了简单且强大的...
然而,原生的 `select` 元素并不支持模糊搜索功能,所以我们需要借助 `jQuery` 和 CSS 来增强其功能。 1. **引入资源**: 在项目中,你需要引入 `jQuery` 库以及自定义的 CSS 和 JavaScript 文件。假设我们有以下...
以下是一个关于如何在`<select>`和`<option>`中添加自定义图片的详细教程。 首先,我们需要理解HTML基础。`<select>`元素创建一个可选列表,用户可以选择其中的一个或多个选项。`<option>`元素定义了下拉列表中的一...
$('#select2').append('<option value="a">子选项A</option>'); break; case '2': $('#select2').append('<option value="b">子选项B</option>'); break; case '3': $('#select2').append('<option value="c...