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——表单应用范例
Feb 20 Javascript
javascript实例分享---具有立体效果的图片特效
Jun 08 Javascript
用Jquery选择器计算table中的某一列某一行的合计
Aug 13 Javascript
一个通过script自定义属性传递配置参数的方法
Sep 15 Javascript
js获取元素相对窗口位置的实现代码
Sep 28 Javascript
封装好的一个万能检测表单的方法
Jan 21 Javascript
JS获得选取checkbox整行数据的方法
Jan 28 Javascript
jQuery原型属性和原型方法详解
Jul 07 Javascript
深入理解jquery中的事件与动画
May 24 Javascript
JavaScript使用键盘输入控制实现数字验证功能
Aug 19 Javascript
史上最全JavaScript数组去重的十种方法(推荐)
Aug 17 Javascript
vue3中provide && inject的使用
Jul 01 Vue.js
编写高性能的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
第1次亲密接触PHP5(1)
2006/10/09 PHP
PHP文件上传问题汇总(文件大小检测、大文件上传处理)
2015/12/24 PHP
javascript Base类 包含基本的方法
2009/07/22 Javascript
基于Jquery的开发个代阴影的对话框效果代码
2011/07/28 Javascript
JS简单实现文件上传实例代码(无需插件)
2013/11/15 Javascript
两个数组去重的JS代码
2013/12/04 Javascript
js 点击页面其他地方关闭弹出层(示例代码)
2013/12/24 Javascript
JS实现div居中示例
2014/04/17 Javascript
javascript:void(0)点击登录没反应怎么解决
2015/11/13 Javascript
js运动应用实例解析
2015/12/28 Javascript
实例详解Nodejs 保存 payload 发送过来的文件
2016/01/14 NodeJs
AngularJS基础 ng-paste 指令简单示例
2016/08/02 Javascript
简单实现js倒计时功能
2017/02/13 Javascript
VUE实现一个分页组件的示例
2017/09/13 Javascript
Node做中转服务器转发接口
2017/10/18 Javascript
取消Bootstrap的dropdown-menu点击默认关闭事件方法
2018/08/10 Javascript
Vue请求java服务端并返回数据代码实例
2019/11/28 Javascript
[03:12]完美世界DOTA2联赛PWL DAY6集锦
2020/11/05 DOTA
python自动翻译实现方法
2016/05/28 Python
python线程中同步锁详解
2018/04/27 Python
python指定写入文件时的编码格式方法
2018/06/07 Python
使用Python监视指定目录下文件变更的方法
2018/10/15 Python
python 找出list中最大或者最小几个数的索引方法
2018/10/30 Python
Django调用支付宝接口代码实例详解
2020/04/04 Python
2020版Python学习路线图(附学习资料)
2020/09/15 Python
iPhoneX安全区域(Safe Area)底部小黑条在微信小程序和H5的屏幕适配
2020/04/08 HTML / CSS
Silk’n激光脱毛器官网:silkn.com
2016/10/06 全球购物
英国一家集合了众多有才华设计师品牌的奢侈店:Wolf & Badger
2018/04/18 全球购物
如何用Lucene索引数据库
2016/02/23 面试题
境外导游求职信
2014/02/27 职场文书
社区戒毒工作方案
2014/06/04 职场文书
消防志愿者活动方案
2014/08/23 职场文书
化验员岗位职责
2015/02/14 职场文书
2015年社区科普工作总结
2015/05/13 职场文书
周末问候语大全
2015/11/10 职场文书
高中英语教学反思范文
2016/03/02 职场文书