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 相关文章推荐
Ajax 数据请求的简单分析
Apr 05 Javascript
自定义右键属性覆盖浏览器默认右键行为实现代码
Feb 02 Javascript
浅析JavaScript中的常用算法与函数
Nov 21 Javascript
在每个匹配元素的外部插入新元素的方法
Dec 20 Javascript
jquery delay()介绍及使用指南
Sep 02 Javascript
javascript高级编程之函数表达式 递归和闭包函数
Nov 29 Javascript
javascript实现一个简单的弹出窗
Feb 22 Javascript
ionic js 模型 $ionicModal 可以遮住用户主界面的内容框
Jun 06 Javascript
javascript简单实现跟随滚动条漂浮的返回顶部按钮效果
Aug 19 Javascript
jQuery实现基本隐藏与显示效果的方法详解
Sep 05 jQuery
vue input输入框关键字筛选检索列表数据展示
Oct 26 Javascript
Vue v-model组件封装(类似弹窗组件)
Jan 08 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 clearstatcache()函数详解
2010/03/02 PHP
PHP原理之异常机制深入分析
2010/08/08 PHP
PHP setcookie指定domain参数后,在IE下设置cookie失效的解决方法
2011/09/09 PHP
php把数组值转换成键的方法
2015/07/13 PHP
PHP实现文件上传与下载实例与总结
2016/03/13 PHP
JavaScript 动态生成方法的例子
2009/07/22 Javascript
csdn 博客中实现运行代码功能实现
2009/08/29 Javascript
js中根据字数截取字符串,不能截断url
2012/01/12 Javascript
jQuery 1.9.1源码分析系列(十三)之位置大小操作
2015/12/02 Javascript
jQuery中bind(),live(),delegate(),on()绑定事件方法实例详解
2016/01/19 Javascript
利用Javascript实现简单的转盘抽奖
2017/02/13 Javascript
JS请求servlet功能示例
2017/06/01 Javascript
浅谈JavaScript find 方法不支持IE的问题
2017/09/28 Javascript
vue中手机号,邮箱正则验证以及60s发送验证码的实例
2018/03/16 Javascript
js数组相减简单示例【删除a数组所有与b数组相同元素】
2020/03/04 Javascript
python抓取网页图片示例(python爬虫)
2014/04/27 Python
使用Python的Supervisor进行进程监控以及自动启动
2014/05/29 Python
Pycharm 操作Django Model的简单运用方法
2018/05/23 Python
python中验证码连通域分割的方法详解
2018/06/04 Python
Python如何获得百度统计API的数据并发送邮件示例代码
2019/01/27 Python
Python实现京东秒杀功能代码
2019/05/16 Python
Python利用matplotlib做图中图及次坐标轴的实例
2019/07/08 Python
Python将string转换到float的实例方法
2019/07/29 Python
Python 实现打印单词的菱形字符图案
2020/04/12 Python
python怎么调用自己的函数
2020/07/01 Python
如何利用python进行时间序列分析
2020/08/04 Python
python+flask编写一个简单的登录接口
2020/11/13 Python
Html5嵌入钉钉的实现示例
2020/06/04 HTML / CSS
Argos官网:英国家喻户晓的百货零售连锁商
2017/04/03 全球购物
高性能钓鱼服装:Huk Gear
2019/02/20 全球购物
德国足球商店:OUTFITTER
2019/05/06 全球购物
医学检验专业大学生求职信
2013/11/18 职场文书
干部下基层实施方案
2014/03/14 职场文书
导游词之徐州-云龙山
2019/09/29 职场文书
Python time库的时间时钟处理
2021/05/02 Python
python ansible自动化运维工具执行流程
2021/06/24 Python