jquery获取input表单值的代码


Posted in Javascript onApril 19, 2010

jquery取radio单选按钮的值
$("input[name='items']:checked").val();
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();//清空下拉框

刚开始接触jquery,很多东西不熟悉
在用$("#id")来获得页面的input元素的时候,发现$("#id").value不能取到值

后来终于在伟大的百度帮助下,找到了问题的原因:
$("")是一个jquery对象,而不是一个dom element

value是dom element的属性

jquery与之对应的是val

val() :获得第一个匹配元素的当前值。

val(val):设置每一个匹配元素的值。

所以,代码应该这样写:

取值:val = $("#id")[0].value;
赋值:
$("#id")[0].value = "new value";
或者$("#id").val("new value");

或者这样也可以:val = $("#id").attr("value");

Javascript 相关文章推荐
js 判断浏览器类型 去全角、半角空格 自动关闭当前窗口
Apr 10 Javascript
Javascript学习笔记2 函数
Jan 11 Javascript
jquery 文本上下无缝滚动,鼠标放上去就停止 小例子
Jun 05 Javascript
javascript中自定义对象的属性方法分享
Jul 12 Javascript
22点关于jquery性能优化的建议
May 28 Javascript
jquery动态改变div宽度和高度
Feb 09 Javascript
JS实现控制表格单元格垂直对齐的方法
Mar 30 Javascript
js实现横向伸展开的二级导航菜单代码
Aug 28 Javascript
基于rem的移动端响应式适配方案(详解)
Jul 07 Javascript
详解Nuxt.js Vue服务端渲染摸索
Feb 08 Javascript
详解js删除数组中的指定元素
Oct 31 Javascript
如何通过Proxy实现JSBridge模块化封装
Oct 22 Javascript
编写高性能的JavaScript 脚本的加载与执行
Apr 19 #Javascript
jquery 关键字“拖曳搜索”之“拖曳”以及 图片“提示自适应放大”效果 的实现
Apr 18 #Javascript
jquery 新手学习常见问题解决方法
Apr 18 #Javascript
javascript 设计模式之单体模式 面向对象学习基础
Apr 18 #Javascript
js 获取子节点函数 (兼容FF与IE)
Apr 18 #Javascript
几个比较实用的JavaScript 测试及效验工具
Apr 18 #Javascript
javascript JSON操作入门实例
Apr 16 #Javascript
You might like
PHP动态规划解决0-1背包问题实例分析
2015/03/23 PHP
PHP解压tar.gz格式文件的方法
2016/02/14 PHP
学习JS面向对象成果 借国庆发布个最新作品与大家交流
2009/10/03 Javascript
Ubuntu 11.10 安装Node.js的方法
2011/11/30 Javascript
javascript跨浏览器的属性判断方法
2014/03/16 Javascript
JS不能跨域借助jquery获取IP地址的方法
2014/08/20 Javascript
异步加载JS、CSS代码(推荐)
2016/06/15 Javascript
浅谈js中调用函数时加不加括号的问题
2016/07/28 Javascript
WebSocket+node.js创建即时通信的Web聊天服务器
2016/08/08 Javascript
KVM虚拟化技术之使用Qemu-kvm创建和管理虚拟机的方法
2016/10/05 Javascript
jQuery页面弹出框实现文件上传
2017/02/09 Javascript
vue.js移动端app实战1:初始配置详解
2017/07/24 Javascript
浅谈Angular HttpClient简单入门
2018/05/04 Javascript
jquery ajaxfileuplod 上传文件 essyui laoding 效果【防止重复上传文件】
2018/05/26 jQuery
vuex入门最详细整理
2020/03/04 Javascript
vue中keep-alive内置组件缓存的实例代码
2020/04/16 Javascript
ssm+vue前后端分离框架整合实现(附源码)
2020/07/08 Javascript
Python实现微信公众平台自定义菜单实例
2015/03/20 Python
python实现下载整个ftp目录的方法
2017/01/17 Python
Python中字典的浅拷贝与深拷贝用法实例分析
2018/01/02 Python
pandas修改DataFrame列名的实现方法
2019/02/22 Python
python pandas cumsum求累计次数的用法
2019/07/29 Python
Django 404、500页面全局配置知识点详解
2020/03/10 Python
Everlast官网:拳击、综合格斗和健身相关的体育用品
2020/08/03 全球购物
RealTek面试题
2016/06/28 面试题
如何进行Linux分区优化
2013/02/12 面试题
Java程序员面试题
2016/09/27 面试题
学前教育专业毕业生自荐信
2013/10/03 职场文书
团委竞选演讲稿
2014/04/24 职场文书
学雷锋志愿者活动总结
2014/06/27 职场文书
授权委托书(法人单位用)
2014/09/29 职场文书
信访稳定工作汇报
2014/10/27 职场文书
教师工作态度自我评价
2015/03/05 职场文书
公路施工安全责任书
2015/05/08 职场文书
医院感染管理制度
2015/08/05 职场文书
祝酒词范文
2015/08/12 职场文书