JQUERY获取form表单值的代码


Posted in Javascript onJuly 17, 2010

假如我们有如下页面:
<input type="text" name="textname" id="text_id" value="">
...........在此不写出来了

下面来看怎么取得FORM中的各种值等等;
function get_form_value(){
/*获得TEXT.AREATEXT的值*/
var textval = $("#text_id").attr("value");//或者
var textval = $("#text_id").val();
/*获取单选按钮的值*/
var valradio = $("input[@type=radio][@checked]").val();
/*获取复选框的值*/
var checkboxval = $("#checkbox_id").attr("value");
/*获取下拉列表中所有的值*/
var selectval = $('#select_id').val();
//获取下拉列表选取中的值,此方法针对所有下拉框都起作用的
//此方法针对所有下拉框都起作用的
//如果针对某ID进行获取,$(‘#id>option').each()即可

$('select>option').each(function(){
if($(this).attr('selected')==true)
{
alert($(this).text());
}
})
}
3.另外对表单的其他处理:
//控制表单元素:
//文本框,文本区域:
$("#text_id").attr("value",'');//清空内容
$("#text_id").attr("value",'test');//填充内容
//多选框checkbox:
$("#chk_id").attr("checked",'');//未选中的值
$("#chk_id").attr("checked",true);//选中的值
if($("#chk_id").attr('checked')==undefined) //判断是否已经选中
//单选组radio:
$("input[@type=radio]").attr("checked",'10');//设置value=10的单选按钮为当前选中项
//下拉框select:
$("#select_id").attr("value",'test');//设置value=test的项目为当前选中项
$("<option value='test'>test</option><option value='test2'>test2</option>").appendTo("#select_id")//添加下拉框的option
$("#select_id").empty();//清空下拉框

Javascript 相关文章推荐
javascript 用函数语句和表达式定义函数的区别详解
Jan 06 Javascript
一个支持任意尺寸的图片上下左右滑动效果
Aug 24 Javascript
判断访客终端类型集锦
Jun 05 Javascript
清除浏览器缓存的几种方法总结(必看)
Dec 09 Javascript
JS实现的走迷宫小游戏完整实例
Jul 19 Javascript
vue的基本用法与常见指令
Aug 15 Javascript
p5.js入门教程和基本形状绘制
Mar 15 Javascript
jsonp跨域获取数据的基础教程
Jul 01 Javascript
小程序云开发实战小结
Oct 25 Javascript
Vue js 的生命周期(看了就懂)(推荐)
Mar 29 Javascript
layui上传图片到服务器的非项目目录下的方法
Sep 26 Javascript
vue中使用[provide/inject]实现页面reload的方法
Sep 30 Javascript
jQuery+ajax实现顶一下,踩一下效果
Jul 17 #Javascript
flexigrid 类似ext grid的JS表格代码
Jul 17 #Javascript
基于JQuery的Pager分页器实现代码
Jul 17 #Javascript
基于jQuery的Spin Button自定义文本框数值自增或自减
Jul 17 #Javascript
JS延迟加载(setTimeout) JS最后加载
Jul 15 #Javascript
JavaScript.Encode手动解码技巧
Jul 14 #Javascript
JavaScript中的一些定位属性[图解]
Jul 14 #Javascript
You might like
PHP中几种常见的超时处理全面总结
2012/09/11 PHP
php实现的网络相册图片防盗链完美破解方法
2015/07/01 PHP
PHP实现腾讯短网址生成api接口实例
2020/12/08 PHP
javascript的函数
2007/01/31 Javascript
ASP Json Parser修正版
2009/12/06 Javascript
基于jQuery的星级评分插件
2011/08/12 Javascript
JS日期格式化之javascript Date format
2015/10/01 Javascript
JS实现的表格操作类详解(添加,删除,排序,上移,下移)
2015/12/22 Javascript
AngularJS 自定义指令详解及示例代码
2016/08/17 Javascript
js 基础篇必看(点击事件轮播图的简单实现)
2016/08/20 Javascript
Bootstrap CSS组件之下拉菜单(dropdown)
2016/12/17 Javascript
如何用js判断dom是否有存在某class的值
2017/02/13 Javascript
vue.js中引入vuex储存接口数据及调用的详细流程
2017/12/14 Javascript
Vue 莹石摄像头直播视频实例代码
2018/08/31 Javascript
详解Vue源码学习之双向绑定
2019/04/10 Javascript
ES6中的class是如何实现的(附Babel编译的ES5代码详解)
2019/05/17 Javascript
ES6 class类链式继承,实例化及react super(props)原理详解
2020/02/15 Javascript
vue中touch和click共存的解决方式
2020/07/28 Javascript
Openlayers学习之地图比例尺控件
2020/09/28 Javascript
[10:54]Team Spirit vs Navi
2018/06/07 DOTA
Ubuntu下升级 python3.7.1流程备忘(推荐)
2018/12/10 Python
python爬虫 Pyppeteer使用方法解析
2019/09/28 Python
Python中sys模块功能与用法实例详解
2020/02/26 Python
python根据字典的键来删除元素的方法
2020/08/16 Python
python获取天气接口给指定微信好友发天气预报
2020/12/28 Python
CSS3 calc()会计算属性详解
2018/02/27 HTML / CSS
移动端html5 meta标签的神奇功效
2016/01/06 HTML / CSS
美国在线面料商店:Online Fabric Store
2018/07/26 全球购物
门卫工作岗位职责
2013/12/17 职场文书
优秀毕业生自我鉴定
2014/01/19 职场文书
民主生活会对照检查材料思想汇报
2014/09/27 职场文书
邀请函格式范文
2015/02/02 职场文书
努力工作保证书
2015/02/28 职场文书
公司管理建议书
2015/09/14 职场文书
一篇合格的广告文案,其主要目的是什么?
2019/07/12 职场文书
nginx配置指令之server_name的具体使用
2022/08/14 Servers