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 相关文章推荐
Mootools 1.2教程 Tooltips
Sep 15 Javascript
起点页面传值js,有空研究学习下
Jan 25 Javascript
JavaScript中检测变量是否存在遇到的一些问题
Nov 11 Javascript
js实现checkbox全选、不选与反选的方法
Feb 09 Javascript
jQuery插件开发的五种形态小结
Mar 04 Javascript
JavaScript数据结构与算法之栈与队列
Jan 29 Javascript
多种JQuery循环滚动文字图片效果代码
Jun 23 Javascript
简单实现Vue的observer和watcher
Dec 21 Javascript
HTML的select控件美化
Mar 27 Javascript
node实现基于token的身份验证
Apr 09 Javascript
Vue.js添加组件操作示例
Jun 13 Javascript
纯js实现无缝滚动功能代码实例
Feb 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
php数据库配置文件一般做法分享
2012/07/07 PHP
Yii操作数据库的3种方法
2014/03/11 PHP
php+ajax简单实现全选删除的方法
2016/12/06 PHP
javascript框架设计之浏览器的嗅探和特征侦测
2015/06/23 Javascript
JS简单获取客户端IP地址的方法【调用搜狐接口】
2016/09/05 Javascript
js实现砖头在页面拖拉效果
2020/11/20 Javascript
canvas实现动态小球重叠效果
2017/02/06 Javascript
jquery单击文字或图片内容放大并居中显示
2017/06/23 jQuery
js实现水平滚动菜单导航
2017/07/21 Javascript
微信小程序使用progress组件实现显示进度功能【附源码下载】
2017/12/12 Javascript
p5.js入门教程之鼠标交互的示例
2018/03/16 Javascript
Vue不能检测到Object/Array更新的情况的解决
2018/06/26 Javascript
基于Element的组件改造的树形选择器(树形下拉框)
2020/02/27 Javascript
原生JS封装拖动验证滑块的实现代码示例
2020/06/01 Javascript
jquery实现简单每周轮换的日历
2020/09/10 jQuery
[02:52]2014DOTA2西雅图国际邀请赛 CIS战队巡礼
2014/07/07 DOTA
[01:07:53]RNG vs VG 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
Python实现设置windows桌面壁纸代码分享
2015/03/28 Python
Python中super关键字用法实例分析
2015/05/28 Python
python下调用pytesseract识别某网站验证码的实现方法
2016/06/06 Python
Python实现复杂对象转JSON的方法示例
2017/06/22 Python
python使用装饰器作日志处理的方法
2019/07/11 Python
python elasticsearch从创建索引到写入数据的全过程
2019/08/04 Python
python实现的config文件读写功能示例
2019/09/24 Python
Ticketmaster德国票务网站:购买音乐会和体育等门票
2016/11/14 全球购物
韩国江南富人区高端时尚百货商场:Galleria(格乐丽雅)
2018/03/27 全球购物
优秀信贷员先进事迹
2014/01/31 职场文书
六查六看自查材料
2014/02/17 职场文书
社区春季防火方案
2014/06/02 职场文书
2015年社会实践个人总结
2015/03/06 职场文书
公司内部升职自荐信
2015/03/27 职场文书
2015年党风廉政建设目标责任书
2015/05/08 职场文书
公司员工培训管理制度
2015/08/04 职场文书
Python 批量下载阴阳师网站壁纸
2021/05/19 Python
Python torch.flatten()函数案例详解
2021/08/30 Python
教你部署vue项目到docker
2022/04/05 Vue.js