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 相关文章推荐
JavaScript中“+=”的应用
Feb 02 Javascript
Knockoutjs的环境搭建教程
Nov 26 Javascript
extjs每个组件要设置唯一的ID否则会出错
Jun 15 Javascript
JS实现的简单四则运算计算器功能示例
Sep 27 Javascript
获取本机IP地址的实例(JavaScript / Node.js)
Nov 24 Javascript
仿京东快报向上滚动的实例
Dec 13 Javascript
使用iView Upload 组件实现手动上传图片的示例代码
Oct 01 Javascript
JS实现的杨辉三角【帕斯卡三角形】算法示例
Feb 26 Javascript
vue路由导航守卫和请求拦截以及基于node的token认证的方法
Apr 07 Javascript
js中console在一行内打印字符串和对象的方法
Sep 10 Javascript
js实现时分秒倒计时
Dec 03 Javascript
微信小程序如何通过用户授权获取手机号(getPhoneNumber)
Jan 21 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
syphon 虹吸式咖啡冲泡冲煮倒水的得与失
2021/03/03 冲泡冲煮
php db类库进行数据库操作
2009/03/19 PHP
深入解析fsockopen与pfsockopen的区别
2013/07/05 PHP
PHP实现利用MySQL保存session的方法
2014/08/23 PHP
Windows下Apache + PHP SESSION丢失的解决过程全纪录
2015/04/07 PHP
php获取错误信息的方法
2015/07/17 PHP
yii2中的rules 自定义验证规则详解
2016/04/19 PHP
PHP微信刮刮卡 附微信接口
2016/07/22 PHP
Laravel 之url参数,获取路由参数的例子
2019/10/21 PHP
laravel解决迁移文件一次删除创建字段报错的问题
2019/10/24 PHP
通过jquery实现tab标签浏览效果
2007/02/20 Javascript
基于jquery的图片幻灯展示源码
2012/07/15 Javascript
JQuery实现点击div以外的位置隐藏该div窗口
2013/09/13 Javascript
JavaScript中反正弦函数Math.asin()的使用简介
2015/06/14 Javascript
React Native自定义控件底部抽屉菜单的示例
2018/02/08 Javascript
Mac下通过brew安装指定版本的nodejs教程
2018/05/17 NodeJs
vue .js绑定checkbox并获取、改变选中状态的实例
2018/08/24 Javascript
Koa 使用小技巧(小结)
2018/10/22 Javascript
状态机的概念和在Python下使用状态机的教程
2015/04/11 Python
Python3实现的判断环形链表算法示例
2019/03/07 Python
Python之修改图片像素值的方法
2019/07/03 Python
Python  word实现读取及导出代码解析
2020/07/09 Python
Pyecharts 中Geo函数常用参数的用法说明
2021/02/01 Python
HTML高亮关键字的实现代码
2018/10/22 HTML / CSS
HTML5中div、article、section的区别及使用介绍
2013/08/14 HTML / CSS
阻止移动设备(手机、pad)浏览器双击放大网页的方法
2014/06/03 HTML / CSS
马德里著名的运动鞋商店:NOIRFONCE
2019/04/12 全球购物
小学教师个人先进事迹材料
2014/05/17 职场文书
学生顶撞老师的检讨书
2014/09/17 职场文书
2015年出纳工作总结与计划
2015/05/18 职场文书
社区安置帮教工作总结2015
2015/05/20 职场文书
在K8s上部署Redis集群的方法步骤
2021/04/27 Redis
python中出现invalid syntax报错的几种原因分析
2022/02/12 Python
Vue elementUI表单嵌套表格并对每行进行校验详解
2022/02/18 Vue.js
Node.js实现爬取网站图片的示例代码
2022/04/04 NodeJs
Vue Element plus使用方法梳理
2022/12/24 Vue.js