- 浏览: 228977 次
- 性别:
- 来自: 北京
文章分类
最新评论
-
yjw0628:
text 和password无需分开处理.然后不要用input ...
jquery html5 实现placeholder 兼容password ie6 -
supercrsky:
不输入直接提交form会有各种问题。
jquery html5 实现placeholder 兼容password ie6 -
myfreespace:
嗯 谢谢提示,正在修改中
模仿新浪微薄 删除冒泡提示效果 -
王斌_code:
有bug,先点删除,再点取消,在冒泡消失前,点击删除(构造事件 ...
模仿新浪微薄 删除冒泡提示效果 -
王斌_code:
效果有点生硬,用jquery可以省不少事,而且效果很好
模仿新浪微薄 删除冒泡提示效果
jQuery获取Select选择的Text和Value: 语法解释: 1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text 3. var checkValue=$("#select_id").val(); //获取Select选择的Value 4. var checkIndex=$("#select_id ").get(0).selectedIndex; //获取Select选择的索引值 5. var maxIndex=$("#select_id option:last").attr("index"); //获取Select最大的索引值 jQuery设置Select选择的 Text和Value: 语法解释: 1. $("#select_id ").get(0).selectedIndex=1; //设置Select索引值为1的项选中 2. $("#select_id ").val(4); // 设置Select的Value值为4的项选中 3. $("#select_id option[text='jQuery']").attr("selected", true); //设置Select的Text值为jQuery的项选中 jQuery添加/删除Select的Option项: 语法解释: 1. $("#select_id").append("<option value='Value'>Text</option>"); //为Select追加一个Option(下拉项) 2. $("#select_id").prepend("<option value='0'>请选择</option>"); //为Select插入一个Option(第一个位置) 3. $("#select_id option:last").remove(); //删除Select中索引值最大Option(最后一个) 4. $("#select_id option[index='0']").remove(); //删除Select中索引值为0的Option(第一个) 5. $("#select_id option[value='3']").remove(); //删除Select中Value='3'的Option 5. $("#select_id option[text='4']").remove(); //删除Select中Text='4'的Option http://www.cnblogs.com/SAL2928/archive/2008/10/28/1321285.html 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下拉框的第二个元素为当前选中值 $('#select_id')[0].selectedIndex = 1; radio单选组的第二个元素为当前选中值 $('input[name=items]').get(1).checked = true; 获取值: 文本框,文本区域:$("#txt").attr("value"); 多选框 checkbox:$("#checkbox_id").attr("value"); 单选组radio: $("input[type=radio][checked]").val(); 下拉框select: $('#sel').val(); 控制表单元素: 文本框,文本区域:$("#txt").attr("value",'');//清空内容 $("#txt").attr("value",'11');//填充内容 多选框checkbox: $("#chk1").attr("checked",'');//不打勾 $("#chk2").attr("checked",true);//打勾 if($("#chk1").attr('checked')==undefined) //判断是否已经打勾 单选组 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();//清空下拉框 ---------------------------------------------------------------------------------------------------- //遍历option和添加、移除option function changeShipMethod(shipping){ var len = $("select[name=ISHIPTYPE] option").length if(shipping.value != "CA"){ $("select[name=ISHIPTYPE] option").each(function(){ if($(this).val() == 111){ $(this).remove(); } }); }else{ $("<option value='111'>UPS Ground</option>").appendTo($("select[name=ISHIPTYPE]")); } } //取得下拉選單的選取值 $(#testSelect option:selected').text(); 或$("#testSelect").find('option:selected').text(); 或$("#testSelect").val(); ////////////////////////////////////////////////////////////////// 记 性不好的可以收藏下: 1,下拉框: var cc1 = $(".formc select[name='country'] option[selected]").text(); //得到下拉菜单的选中项的文本(注意中间有空格) var cc2 = $('.formc select[name="country"]').val(); //得到下拉菜单的选中项的值 var cc3 = $('.formc select[name="country"]').attr("id"); //得到下拉菜单的选中项的ID属性值 $("#select").empty();//清空下拉框 //$("#select").html(''); $("<option value='1'>1111</option>").appendTo("#select")//添加下拉框的option 稍微解释一下: 1.select[name='country'] option[selected] 表示具有name 属性, 并 且该属性值为'country' 的select元素 里面的具有selected 属性的option 元素; 2,单选框: $("input[@type=radio][@checked]").val(); //得到单选框的 选中项的值(注意中间没有空格) $("input[@type=radio][@value=2]").attr("checked",'checked'); //设置单选框value=2的为选中状态.(注意中间没有空格) 3,复选框: $("input[@type=checkbox][@checked]").val(); //得到复选框的选中的第一项的值 $("input[@type=checkbox][@checked]").each(function() { //由于复选框一般选中的是多个,所以可以循环输出 alert($(this).val()); }); $("#chk1").attr("checked",'');//不打勾 $("#chk2").attr("checked",true);// 打勾 if($("#chk1").attr('checked')==undefined){} //判断是否已经打勾 当然jquery的选择器是强大的. 还有很多方法. <script src="jquery-1.2.1.js" type="text/javascript"></script> <script language="javascript" type="text/javascript"> $(document).ready(function(){ $("#selectTest").change(function() { //alert("Hello"); //alert($("#selectTest").attr("name")); //$("a").attr("href","xx.html"); //window.location.href="xx.html"; //alert($("#selectTest").val()); alert($("#selectTest option[@selected]").text()); $("#selectTest").attr("value", "2"); }); }); </script> <a href="#">aaass</a> <!--下拉框--> <select id="selectTest" name="selectTest"> <option value="1">11</option> <option value="2">22</option> <option value="3">33</option> <option value="4">44</option> <option value="5">55</option> <option value="6">66</option> </select> 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 下拉框的第二个元素为当前选中值 $('#select_id')[0].selectedIndex = 1; radio单选组的第二个 元素为当前选中值 $('input[@name=items]').get(1).checked = true; 获取值: 文本 框,文本区域:$("#txt").attr("value"); 多选框 checkbox:$("#checkbox_id").attr("value"); 单选组radio: $("input[@type=radio][@checked]").val(); 下拉框select: $('#sel').val(); 控 制表单元素: 文本框,文本区域:$("#txt").attr("value",'');//清空内容 $("#txt").attr("value",'11');// 填充内容 多选框checkbox: $("#chk1").attr("checked",'');//不打勾 $("#chk2").attr("checked",true);// 打勾 if($("#chk1").attr('checked')==undefined) //判断是否已经打勾 单选组radio: $("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项 下拉框 select: $("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项 $("<optionvalue='1'& gt;1111</option><optionvalue='2'>2222</option& gt;").appendTo("#sel")//添加下拉框的option $("#sel").empty();// 清空下拉框 获取一组radio被选中项的值 var item = $('input[@name=items][@checked]').val(); 获取select被选中项的文本 var item = $("select[@name=items] option[@selected]").text(); select下拉框的第二个元素为当 前选中值 $('#select_id')[0].selectedIndex = 1; radio单选组的第二个元素为当前选中值 $('input[@name=items]').get(1).checked = true; 获取值: 文本框,文本区域:$("#txt").attr("value"); 多选框 checkbox:$("#checkbox_id").attr("value"); 单选组radio: $("input[@type=radio][@checked]").val(); 下拉框select: $('#sel').val(); 控 制表单元素: 文本框,文本区域:$("#txt").attr("value",'');//清空内容 $("#txt").attr("value",'11');// 填充内容 多选框checkbox: $("#chk1").attr("checked",'');//不打勾 $("#chk2").attr("checked",true);// 打勾 if($("#chk1").attr('checked')==undefined) //判断是否已经打勾 单选组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 html5 实现placeholder 兼容password ie6
2012-08-23 10:49 15336在做登录的时候我们都会用到文本框中显示要输入的默认提示,以前都 ... -
滚动显示消息 鼠标悬停
2012-07-24 23:35 1015<!doctype html> <h ... -
js获取鼠标点击坐标
2011-11-28 14:31 2325//获取坐标位置 function getPositi ... -
js 标签切换功能
2011-08-23 14:21 3467<style type="text/cs ... -
js中作用域链的问题
2011-08-17 15:17 1897先来看一个列子: <script type=&q ... -
为什么要选择json
2011-08-03 10:20 3492json这种数据格式是我们工作中常用到的,无论是在js中还是在 ... -
弹出新页面 js计算年龄 获取php传值
2011-06-16 00:14 2144<script type="text/j ... -
js 文字上下滚动效果
2011-06-13 15:27 2390<!DOCTYPE html PUBLIC &qu ... -
thickbox 弹出层
2011-06-02 14:14 3800最近的项目中比较多使用的 ThickBox,今天就简单 ... -
jquery 图表插件 gchart
2011-06-02 09:12 3298在程序中用到不同的折线 曲线 饼图等信息的展现,用jquery ... -
js中split的应用 jq获取数值
2011-05-25 21:01 2608var stuKey = stuKey.split(', ... -
js中的事件类型 冒泡和捕获
2011-03-27 13:52 2675js和html页面之间的交互是通过用户和浏览器之间的操作页面时 ... -
js函数 匿名函数 对象的写法
2011-03-20 15:50 5023以前在写js验证的时候都是用function来写的,一个方法一 ... -
常用的js验证方法
2011-03-20 11:51 1013function trim(s){ return s.r ... -
js加入收藏代码 日历 级联城市
2011-03-20 00:39 1042<script>function addfavor ... -
工作中写的图片轮换
2011-02-28 17:22 1070/* * 功能:俱乐部-球迷频道js * 标签切 ... -
settimeout传参数的问题
2011-02-21 14:24 1136window.setTimeout("rem ... -
jquery+php无刷新分页
2011-01-25 10:16 3939分页是经常用到的功能,这次用局部刷新分页 提高用户体验, 其 ... -
checkbox全选 和获取值
2011-01-12 14:12 1288<script type='text/javasc ... -
javascript iframe高度自适应
2010-12-22 15:02 1113问题:上传图片的时候局部刷新就在页面中放了个iframe,因为 ...
相关推荐
关于"jQuery取值的问题",这个标题暗示我们可能会遇到在使用jQuery获取HTML元素值时的一些常见挑战。让我们深入探讨一下jQuery如何帮助开发者轻松地获取和设置表单元素、DOM节点以及其他类型的数据值。 首先,...
在jQuery中,取值和赋值是操作网页元素数据的核心功能。以下是对标题"jQuery 取值、赋值的基本方法"所涉及知识点的详细说明: 1. **取值方法**: - `$("#text_id").attr("value")` 或 `$("#text_id").val()` 用于...
在jQuery中,取值和赋值是基本的操作,以下将详细解释如何使用jQuery进行这些操作。 首先,获取和设置文本框(TEXTAREA)的值: ```javascript // 获取值 var textval = $("#text_id").attr("value"); // 或者 var ...
1. **取值操作**: - `$("#text_id").val();` 用于获取文本框的值。`val()` 方法用于获取或设置表单元素的值,如输入框、文本区域等。 - `$("#checkbox_id").attr("value")` 用于获取复选框或单选框的值。`attr()`...
在文档中,我们关注的是jQuery中关于取值和赋值的基本方法,这些方法对于前端开发至关重要。 1. **取值** - `$("#text_id").attr("value")` 或 `$("#text_id").val()` 用于获取文本框或文本区域的值。 - `$(...
在本文中,我们将深入探讨jQuery中用于取值和赋值的一些基本方法。 首先,我们来看如何获取和设置文本框(TEXTAREA)的值。通过ID选择器`$("#text_id")`,我们可以轻松地获取或设置文本框的值。例如,`var textval ...
在"jquery 滑动取值"这个主题中,我们主要讨论的是如何利用jQuery实现一种用户界面元素——滑动条(slider),以便用户通过拖动滑块来选取或输入数值。这种功能在很多场合都很常见,如设置音量、调节亮度或者选择...
在JavaScript的世界里,jQuery库提供了一种简洁的方式来操作HTML元素,包括取值和赋值。本文将详细讲解jQuery如何对HTML元素进行取值与赋值,特别关注文本框(TEXTBOX)、标签(LABLE)、单选按钮(Radio)、复选框...
[removed][removed] [removed][removed] account.jsp?name="+name+"&sex;="+sex; var name = $.query.get("name"); var sex = $.query.get("sex");
"jQuery区间滑动拖动取值代码"是一个基于jQuery实现的交互功能,允许用户通过滑动来选取一个范围内的值,常见于设置音量、亮度、时间选择器等场景。下面我们将深入探讨这个功能实现的关键知识点。 首先,我们要理解...
在网页开发中,jQuery是一种广泛使用的JavaScript库,它极大地简化了DOM操作、事件处理和动画效果。本主题将深入探讨如何使用jQuery实现焦点图功能,并从datatable数据源中获取值。焦点图,又称为轮播图或幻灯片,是...
### jQuery表单元素取值详解 #### 一、引言 在Web开发中,表单是用户与网站交互的重要组成部分。jQuery作为一种流行的JavaScript库,极大地简化了JavaScript编程,特别是DOM操作方面,使得开发者能够轻松地处理HTML...
【jQuery价格区间滑动取值代码】是一款基于JavaScript库jQuery实现的交互式功能,主要用于电商网站或其他需要用户选择价格范围的场景。这个功能允许用户通过拖动滑块来选取一个价格范围,为用户提供直观且友好的操作...
《jQuery slideControl鼠标拖动取值插件代码详解》 在网页开发中,交互效果的丰富性和用户体验的优化越来越受到重视。jQuery作为一个轻量级、功能强大的JavaScript库,提供了丰富的API和插件来帮助开发者实现各种...
《jQuery slideControl鼠标拖动取值插件代码详解》 jQuery作为一个强大的JavaScript库,因其简洁易用的API和丰富的插件生态,深受开发者喜爱。在众多的jQuery插件中,“jQuery slideControl鼠标拖动取值插件”是一...
在移动应用开发中,jQuery Mobile 是一个非常流行的框架,它为构建触摸优化的网页界面提供了丰富的组件和交互效果。在jQuery Mobile中,处理复选框(checkbox)的值是常见的需求,特别是在表单提交或者数据交互时。...
本主题聚焦于"jQuery表格预览设置单元格选中取值代码",这涉及到如何利用jQuery来实现对表格(Table)中的单元格(Cell)进行操作,包括选中和获取其值,以及可能的预览功能。这里我们将深入探讨相关的jQuery技术和...
7. **取值功能**:当用户完成颜色选择后,提供一个方法获取当前选定的颜色值,可以用HEX、RGB或HSV格式输出。 在实际项目中,你可以结合其他前端框架或库,如Bootstrap或Vue.js,来增强用户体验。同时,考虑到可...
本文将详细解释如何使用jQuery来获取和设置复选框的选中状态,以及删除特定的复选框。 首先,获取复选框选中状态的值可以通过几种不同的jQuery选择器来实现。比如,如果需要获取所有被选中的复选框的值,可以使用...