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 相关文章推荐
Jquery Ajax学习实例5 向WebService发出请求,返回泛型集合数据的异步调用
Mar 17 Javascript
提升你网站水平的jQuery插件集合推荐
Apr 19 Javascript
js中符号转意问题示例探讨
Aug 19 Javascript
js读取配置文件自写
Feb 11 Javascript
javascript操作字符串的原生方法
Dec 22 Javascript
jQuery中slice()方法用法实例
Jan 07 Javascript
Node.js开发之访问Redis数据库教程
Jan 14 Javascript
Javascript实现图片不间断滚动的代码
Jun 22 Javascript
微信小程序 视图层(xx.xml)和逻辑层(xx.js)详细介绍
Oct 13 Javascript
浅谈Node 调试工具入门教程
Mar 20 Javascript
JavaScript封装的常用工具类库bee.js用法详解【经典类库】
Sep 03 Javascript
微信小程序实现点击导航条切换页面
Nov 19 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
海贼王动画变成“真人”后,凯多神还原,雷利太帅了!
2020/04/09 日漫
PHP判断指定时间段的2个方法
2014/03/14 PHP
Ubuntu下安装PHP的mongodb扩展操作命令
2015/07/04 PHP
php实现的一段简单概率相关代码
2016/05/30 PHP
用javascript获取地址栏参数
2006/12/22 Javascript
Javascript 面向对象 继承
2010/05/13 Javascript
js中设置元素class的三种方法小结
2011/08/28 Javascript
一个简单的网站访问JS计数器 刷新1次加1次访问
2012/09/20 Javascript
jquery中html、val与text三者属性取值的联系与区别介绍
2013/12/29 Javascript
js浏览器本地存储store.js介绍及应用
2014/05/13 Javascript
一个JavaScript递归实现反转数组字符串的实例
2014/10/14 Javascript
js简单实现表单中点击按钮动态增加输入框数量的方法
2015/08/18 Javascript
JS模拟并美化的表单控件完整实例
2015/08/19 Javascript
ashx文件获取$.ajax()方法发送的数据
2016/05/26 Javascript
微信小程序组件 contact-button(客服会话按钮)详解及实例代码
2017/01/10 Javascript
详解基于webpack和vue.js搭建开发环境
2017/04/05 Javascript
JS实现获取图片大小和预览的方法完整实例【兼容IE和其它浏览器】
2017/04/24 Javascript
Vue实现带进度条的文件拖动上传功能
2018/02/23 Javascript
ES6 对象的新功能与解构赋值介绍
2019/02/05 Javascript
Python编程给numpy矩阵添加一列方法示例
2017/12/04 Python
Django框架首页和登录页分离操作示例
2019/05/28 Python
利用python实现周期财务统计可视化
2019/08/25 Python
解决django的template中如果无法引用MEDIA_URL问题
2020/04/07 Python
python实现自动打卡的示例代码
2020/10/10 Python
美国购买汽车零件网站:Buy Auto Parts
2018/04/02 全球购物
英国比较机场停车场网站:Airport Parking Essentials
2019/12/01 全球购物
New delete 与malloc free 的联系与区别
2013/02/04 面试题
后勤自我鉴定
2013/10/13 职场文书
城市轨道交通工程职业规划书范文
2014/01/18 职场文书
财务人员求职自荐书范文
2014/02/10 职场文书
致共产党员倡议书
2014/04/16 职场文书
文明村镇申报材料
2014/05/06 职场文书
机械专业求职信
2014/05/25 职场文书
校园广播稿精选
2014/10/01 职场文书
售房协议书范本2014
2014/10/23 职场文书
神州牡丹园的导游词
2019/11/20 职场文书