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 相关文章推荐
jQuery AjaxQueue改进步骤
Oct 06 Javascript
setInterval计时器不准的问题解决方法
May 08 Javascript
javascript中setInterval的用法
Jul 19 Javascript
jquery+正则实现统一的表单验证
Sep 20 Javascript
Bootstrap树形组件jqTree的简单封装
Jan 25 Javascript
js实现图片左右滚动效果
Feb 27 Javascript
微信小程序 图片宽度自适应的实现
Apr 06 Javascript
基于jQuery实现的Ajax 验证用户名唯一性实例代码
Jun 28 jQuery
vue-cli下的vuex的简单Demo图解(实现加1减1操作)
Feb 26 Javascript
为jquery的ajax请求添加超时timeout时间的操作方法
Sep 04 jQuery
js实现图片放大并跟随鼠标移动特效
Jan 18 Javascript
vue模块拖拽实现示例代码
Mar 09 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教程之魔术方法的使用示例(php魔术函数)
2014/02/12 PHP
thinkphp中html:list标签传递多个参数实例
2014/10/30 PHP
php resizeimage 部分jpg文件 生成缩略图失败的原因分析及解决办法
2016/03/23 PHP
javascript Array数组对象的扩展函数代码
2010/05/22 Javascript
基于jquery的复制网页内容到WORD的实现代码
2011/02/16 Javascript
Jquery each方法跳出循环,并获取返回值(实例讲解)
2013/12/12 Javascript
extjs每个组件要设置唯一的ID否则会出错
2014/06/15 Javascript
JS中实现简单Formatter函数示例代码
2014/08/19 Javascript
JavaScript中的无阻塞加载性能优化方案
2014/10/10 Javascript
探讨JavaScript语句的执行过程
2016/01/28 Javascript
AngularJS入门教程中SQL实例详解
2016/07/27 Javascript
详解微信小程序 wx.uploadFile 的编码坑
2017/01/23 Javascript
Vue中props的使用详解
2018/06/15 Javascript
vue.js 实现输入框动态添加功能
2018/06/25 Javascript
jQuery实现的别踩白块小游戏完整示例
2019/01/07 jQuery
JS实现商城秒杀倒计时功能(动态设置秒杀时间)
2019/12/12 Javascript
vue tab切换,解决echartst图表宽度只有100px的问题
2020/07/19 Javascript
使用React-Router实现前端路由鉴权的示例代码
2020/07/26 Javascript
移动端JS实现拖拽两种方法解析
2020/10/12 Javascript
[51:50]完美世界DOTA2联赛 Magma vs GXR 第一场 11.07
2020/11/10 DOTA
python 判断自定义对象类型
2009/03/21 Python
详解Python中列表和元祖的使用方法
2015/04/25 Python
Python使用bs4获取58同城城市分类的方法
2015/07/08 Python
python3 实现的人人影视网站自动签到
2016/06/19 Python
浅述python中argsort()函数的实例用法
2017/03/30 Python
浅谈pytorch grad_fn以及权重梯度不更新的问题
2019/08/20 Python
Python class的继承方法代码实例
2020/02/14 Python
Python Django2 model 查询介绍(条件、范围、模糊查询)
2020/03/16 Python
Python装饰器的应用场景代码总结
2020/04/10 Python
约瑟夫·特纳男装:Joseph Turner
2017/10/10 全球购物
台湾最大银发乐活百货:乐龄网
2018/05/21 全球购物
新东网科技Java笔试题
2012/07/13 面试题
个人债务授权委托书
2014/10/17 职场文书
硕士学位论文评语
2014/12/31 职场文书
医院志愿者活动总结
2015/05/06 职场文书
python3 删除所有自定义变量的操作
2021/04/08 Python