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 相关文章推荐
javaScript同意等待代码实现心得
Jan 01 Javascript
jquery 操作日期、星期、元素的追加的实现代码
Feb 07 Javascript
JavaScript 基础篇之运算符、语句(二)
Apr 07 Javascript
浅析JSONP技术原理及实现
Jun 08 Javascript
浅谈JavaScript的闭包函数
Dec 08 Javascript
微信小程序实现拖拽 image 触摸事件监听的实例
Aug 17 Javascript
vue用addRoutes实现动态路由的示例
Sep 15 Javascript
Vue打包后出现一些map文件的解决方法
Feb 13 Javascript
在小程序/mpvue中使用flyio发起网络请求的方法
Sep 13 Javascript
开发一个Parcel-vue脚手架工具(详细步骤)
Sep 22 Javascript
vue element-ui之怎么封装一个自己的组件的详解
May 20 Javascript
JavaScript算法学习之冒泡排序和选择排序
Nov 02 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
超级实用的7个PHP代码片段分享
2012/01/05 PHP
基于magic_quotes_gpc与magic_quotes_runtime的区别与使用介绍
2013/04/22 PHP
PHP cookie,session的使用与用户自动登录功能实现方法分析
2019/06/05 PHP
捕获关闭窗口的脚本
2009/01/10 Javascript
prototype与jquery下Ajax实现的差别
2009/09/13 Javascript
javascript 动态生成私有变量访问器
2009/12/06 Javascript
window.location.hash 属性使用说明
2010/03/20 Javascript
jquery键盘事件使用介绍
2011/11/01 Javascript
深入理解Javascript中的循环优化
2013/11/09 Javascript
Linux下编译安装php libevent扩展实例
2015/02/14 Javascript
JS+Canvas实现的俄罗斯方块游戏完整实例
2016/12/12 Javascript
微信小程序 省市区选择器实例详解(附源码下载)
2017/01/05 Javascript
javascript中apply/call和bind的使用
2017/02/15 Javascript
对于Python的框架中一些会话程序的管理
2015/04/20 Python
Python读取一个目录下所有目录和文件的方法
2016/07/15 Python
在Python中输入一个以空格为间隔的数组方法
2018/11/13 Python
PYTHON绘制雷达图代码实例
2019/10/15 Python
Pytorch实现神经网络的分类方式
2020/01/08 Python
Django获取model中的字段名和字段的verbose_name方式
2020/05/19 Python
python如何删除列为空的行
2020/07/17 Python
Python 字典一个键对应多个值的方法
2020/09/29 Python
CSS3美化表单控件全集
2016/06/29 HTML / CSS
前端canvas动画如何转成mp4视频的方法
2019/06/17 HTML / CSS
Html5 Canvas实现图片标记、缩放、移动和保存历史状态功能 (附转换公式)
2020/03/18 HTML / CSS
澳大利亚香水在线商店:City Perfume
2020/09/02 全球购物
Eton丹麦官网:精美的男式衬衫
2020/05/27 全球购物
北京SQL新华信咨询
2016/09/30 面试题
财务部岗位职责
2013/11/19 职场文书
《青蛙看海》教学反思
2014/04/23 职场文书
李培根演讲稿
2014/05/22 职场文书
植树造林的宣传标语
2014/06/23 职场文书
责任书格式范文
2014/07/28 职场文书
2014年司机工作总结
2014/11/21 职场文书
学生安全责任协议书
2016/03/22 职场文书
小学毕业教师寄语
2019/06/21 职场文书
JavaScript 原型与原型链详情
2021/11/02 Javascript