jquery获取元素值的方法(常见的表单元素)


Posted in Javascript onNovember 15, 2013

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();//清空下拉框

Javascript 相关文章推荐
js open() 与showModalDialog()方法使用介绍
Sep 10 Javascript
快速解决jquery之get缓存问题的最简单方法介绍
Dec 19 Javascript
JS将所有对象s的属性复制给对象r(原生js+jquery)
Jan 25 Javascript
实例讲解JS中数组Array的操作方法
May 09 Javascript
javascript批量修改文件编码格式的方法
Jan 27 Javascript
js实现鼠标悬浮给图片加边框的方法
Jan 30 Javascript
tuzhu_req.js 实现仿百度图片首页效果
Aug 11 Javascript
JS判断字符串字节数并截取长度的方法
Mar 05 Javascript
使用AngularJS编写多选按钮选中时触发指定方法的指令代码详解
Jul 24 Javascript
vue使用axios上传文件(FormData)的方法
Apr 14 Javascript
javascript如何使用函数random来实现课堂随机点名方法详解
Jul 28 Javascript
angular异步验证器防抖实例详解
Mar 31 Javascript
jquery实现图片灯箱明暗的遮罩效果
Nov 15 #Javascript
js螺旋动画效果的具体实例
Nov 15 #Javascript
简单实用的反馈表单无刷新提交带验证
Nov 15 #Javascript
JS读取XML文件示例代码
Nov 15 #Javascript
JS正则表达式获取分组内容的方法详解
Nov 15 #Javascript
javascript中动态加载js文件多种解决办法总结
Nov 15 #Javascript
jQuery Form 页面表单提交的小例子
Nov 15 #Javascript
You might like
PHP实现数组递归转义的方法
2014/08/28 PHP
php实现mysql备份恢复分卷处理的方法
2014/12/26 PHP
PHP添加图片水印、压缩、剪切的封装类
2015/08/17 PHP
PHP快速排序quicksort实例详解
2016/09/28 PHP
PHP使用Redis替代文件存储Session的方法
2017/02/15 PHP
JavaScript Event学习第七章 事件属性
2010/02/07 Javascript
javascript实现面向对象类的功能书写技巧
2010/03/07 Javascript
JavaScript Title、alt提示(Tips)实现源码解读
2010/12/12 Javascript
js动态往表格的td中添加图片并注册事件
2014/06/12 Javascript
JS交换变量的方法
2015/01/21 Javascript
JavaScript获取按钮所在form表单id的方法
2015/04/02 Javascript
基于AngularJS实现iOS8自带的计算器
2016/09/12 Javascript
深入理解javascript函数参数与闭包
2016/12/12 Javascript
微信小程序 石头剪刀布实例代码
2017/01/04 Javascript
基于JavaScript实现下拉列表左右移动代码
2017/02/07 Javascript
jQuery实现web页面樱花坠落的特效
2017/06/01 jQuery
详解Webstorm 新建.vue文件支持高亮vue语法和es6语法
2017/10/26 Javascript
vue观察模式浅析
2018/09/25 Javascript
JavaScript惰性载入函数实例分析
2019/03/27 Javascript
JavaScript类的继承多种实现方法
2020/05/30 Javascript
原生JS生成指定位数的验证码
2020/10/28 Javascript
[01:11]steam端dota2实名认证操作流程视频
2021/03/11 DOTA
Python 数据结构之堆栈实例代码
2017/01/22 Python
Python数据结构与算法之链表定义与用法实例详解【单链表、循环链表】
2017/09/28 Python
python的turtle库使用详解
2019/05/10 Python
Spring实战之使用util:命名空间简化配置操作示例
2019/12/09 Python
Python文本处理简单易懂方法解析
2019/12/19 Python
python文件及目录操作代码汇总
2020/07/08 Python
纯CSS3实现圆角效果(含IE兼容解决方法)
2014/05/07 HTML / CSS
AMAVII眼镜官网:时尚和设计师太阳镜
2019/05/05 全球购物
交通安全寄语大全
2014/04/08 职场文书
销售提升方案
2014/06/07 职场文书
民族团结好少年事迹材料
2014/08/19 职场文书
2014年工作总结与下年工作计划
2014/11/27 职场文书
2016年大学校运会广播稿件
2015/12/21 职场文书
使用ORM新增数据在Mysql中的操作步骤
2021/07/26 MySQL