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检测客户端不是firefox则提示下载
Apr 07 Javascript
JavaScript如何从listbox里同时删除多个项目
Oct 12 Javascript
jquery+css3实现会动的小圆圈效果
Jan 27 Javascript
浅谈jquery之on()绑定事件和off()解除绑定事件
Oct 26 Javascript
vue.js开发环境搭建教程
May 04 Javascript
纯js封装的ajax功能函数与用法示例
May 14 Javascript
详解webpack 最简打包结果分析
Feb 20 Javascript
jQuery实现的导航条点击后高亮显示功能示例
Mar 04 jQuery
layui导出所有数据的例子
Sep 10 Javascript
js实现三角形粒子运动
Sep 22 Javascript
vue中template的三种写法示例
Oct 21 Javascript
js仿淘宝放大镜效果
Dec 28 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目录与文件操作
2011/12/30 PHP
解决ajax+php中文乱码的方法详解
2013/06/09 PHP
最新版本PHP 7 vs HHVM 多角度比较
2016/02/14 PHP
php批量删除操作(数据访问)
2017/05/23 PHP
IOS 开发之NSDictionary转换成JSON字符串
2017/08/14 PHP
Laravel等框架模型关联的可用性浅析
2019/12/15 PHP
为数据添加append,remove功能
2006/10/03 Javascript
js动态设置div的值下例子
2013/10/29 Javascript
web前端设计师们常用的jQuery特效插件汇总
2014/12/07 Javascript
JavaScript中的继承方式详解
2015/02/11 Javascript
JS中的THIS和WINDOW.EVENT.SRCELEMENT详解
2015/05/25 Javascript
谈谈encodeURI和encodeURIComponent以及escape的区别与应用
2015/11/24 Javascript
在Node.js中使用Javascript Generators详解
2016/05/05 Javascript
Jquery基础之事件操作详解
2016/06/14 Javascript
JS中使用mailto实现将用户在网页中输入的内容传递到本地邮件客户端
2016/10/08 Javascript
使用Promise链式调用解决多个异步回调的问题
2017/01/15 Javascript
JS中Attr的用法详解
2017/10/09 Javascript
vue-cli + sass 的正确打开方式图文详解
2017/10/27 Javascript
p5.js入门教程之键盘交互
2018/03/19 Javascript
vue2 拖动排序 vuedraggable组件的实现
2019/08/08 Javascript
Python可跨平台实现获取按键的方法
2015/03/05 Python
浅析Python基础-流程控制
2016/03/18 Python
Python数组遍历的简单实现方法小结
2016/04/27 Python
利用Python开发微信支付的注意事项
2016/08/19 Python
Python生成密码库功能示例
2017/05/23 Python
Python unittest单元测试框架及断言方法
2020/04/15 Python
CSS3教程(2):网页边框半径和网页圆角
2009/04/02 HTML / CSS
浅谈HTML5 FileReader分布读取文件以及其方法简介
2017/11/09 HTML / CSS
小学运动会表扬稿
2014/01/19 职场文书
工程管理专业毕业生自荐信
2014/01/24 职场文书
运动会通讯稿200字
2014/02/16 职场文书
《最大的麦穗》教学反思
2014/04/17 职场文书
计算机系本科生求职信
2014/05/31 职场文书
评先进个人材料
2014/12/29 职场文书
2015年物业管理员工工作总结
2015/10/15 职场文书
JS setTimeout与setInterval的区别
2022/04/20 Javascript