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 相关文章推荐
二级域名或跨域共享Cookies的实现方法
Aug 07 Javascript
拖动table标题实现改变td的大小(css+js代码)
Apr 16 Javascript
基于JQuery实现滚动到页面底端时自动加载更多信息
Jan 31 Javascript
使用JavaScript获取地址栏参数的方法
Dec 19 Javascript
JS设置网页图片vspace和hspace属性的方法
Apr 01 Javascript
jquery+html5时钟特效代码分享(可设置闹钟并且语音提醒)
Mar 30 Javascript
node.js爬虫爬取拉勾网职位信息
Mar 14 Javascript
详解Node.js开发中的express-session
May 19 Javascript
jQuery 改变P标签文本值方法
Feb 24 jQuery
ES6知识点整理之模块化的应用详解
Apr 15 Javascript
vue使用混入定义全局变量、函数、筛选器的实例代码
Jul 29 Javascript
vue实现图片上传到后台
Jun 29 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
JAVA/JSP学习系列之四
2006/10/09 PHP
在IIS上安装PHP4.0正式版
2006/10/09 PHP
一个基于PDO的数据库操作类(新) 一个PDO事务实例
2011/07/03 PHP
用PHP代替JS玩转DOM的思路及示例代码
2014/06/15 PHP
PHP中实现crontab代码分享
2015/03/26 PHP
jQuery UI Autocomplete 1.8.16 中文输入修正代码
2012/04/16 Javascript
JavaScript转换农历类实现及调用方法
2013/01/27 Javascript
js 控制页面跳转的5种方法
2013/09/09 Javascript
js取消单选按钮选中示例代码
2013/11/14 Javascript
JS中getYear()和getFullYear()区别分析
2014/07/04 Javascript
javaScript中slice函数用法实例分析
2015/06/08 Javascript
JavaScript实现自动消除按钮功能的方法
2015/08/05 Javascript
AngularJs 利用百度地图API 定位当前位置 获取地址信息
2017/01/18 Javascript
Angular中点击li标签实现更改颜色的核心代码
2017/12/08 Javascript
layer弹出层父子页面事件相互调用方法
2018/08/17 Javascript
vue项目中在外部js文件中直接调用vue实例的方法比如说this
2019/04/28 Javascript
Vue组件之高德地图地址选择功能的实例代码
2019/06/21 Javascript
Vue移动端实现图片上传及超过1M压缩上传
2019/12/23 Javascript
[03:39]这就是刀塔,我们是冠军!燃情短片讲述我们的DOTA故事
2019/07/02 DOTA
python中dir函数用法分析
2015/04/17 Python
python3.5使用tkinter制作记事本
2016/06/20 Python
Anaconda 离线安装 python 包的操作方法
2018/06/11 Python
python 哈希表实现简单python字典代码实例
2019/09/27 Python
pytorch对梯度进行可视化进行梯度检查教程
2020/02/04 Python
canvas实现高阶贝塞尔曲线(N阶贝塞尔曲线生成器)
2018/01/10 HTML / CSS
最新英语专业学生求职信范文
2013/09/21 职场文书
高中生毕业学习总结的自我评价
2013/11/14 职场文书
调解协议书
2014/04/16 职场文书
飞机制造技术专业求职信
2014/07/27 职场文书
小学生竞选班干部演讲稿(5篇)
2014/09/12 职场文书
寝室长工作失责检讨书
2014/10/06 职场文书
结婚当天新郎保证书
2015/05/08 职场文书
公司处罚决定书
2015/06/24 职场文书
学习委员竞选稿
2015/11/20 职场文书
Python采集壁纸并实现炫轮播
2022/04/30 Python