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操作URL函数修改版
Nov 07 Javascript
JavaScript splice()方法详解
Sep 22 Javascript
jquery实现的判断倒计时是否结束代码
Feb 05 Javascript
jQuery html表格排序插件tablesorter使用方法详解
Feb 10 Javascript
AngularJS实现路由实例
Feb 12 Javascript
webpack2.0搭建前端项目的教程详解
Apr 05 Javascript
最常用的jQuery表单验证(简单)
May 23 jQuery
node.js操作mysql简单实例
May 25 Javascript
Express框架之connect-flash详解
May 31 Javascript
jq源码解析之绑在$,jQuery上面的方法(实例讲解)
Oct 13 jQuery
vue实现微信分享朋友圈,发送朋友的示例讲解
Feb 10 Javascript
JavaScript语句错误throw、try及catch实例解析
Aug 18 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
Zend公司全球首推PHP认证
2006/10/09 PHP
用PHP编写PDF文档生成器
2006/10/09 PHP
一个自定义位数的php多用户计数器代码
2007/03/11 PHP
用PHP实现的生成静态HTML速度快类库
2007/03/31 PHP
php设计模式 Chain Of Responsibility (职责链模式)
2011/06/26 PHP
ThinkPHP使用UTFWry地址库进行IP定位实例
2014/04/01 PHP
javascript iframe内的函数调用实现方法
2009/07/19 Javascript
DD_belatedPNG,IE6下PNG透明解决方案(国外)
2010/12/06 Javascript
javascript五图轮播切换实用版
2012/08/17 Javascript
js判断checkbox是否选中个数的方法(超简单)
2016/08/19 Javascript
js中动态创建json,动态为json添加属性、属性值的实例
2016/12/02 Javascript
原生JS实现循环Nodelist Dom列表的4种方式示例
2018/02/11 Javascript
Vue 实现列表动态添加和删除的两种方法小结
2018/09/07 Javascript
微信开发之企业付款到银行卡接口开发的示例代码
2018/09/18 Javascript
vue项目配置使用flow类型检查的步骤
2020/03/18 Javascript
vue tab滚动到一定高度,固定在顶部,点击tab切换不同的内容操作
2020/07/22 Javascript
利用js实现简易红绿灯
2020/10/15 Javascript
python实现爬虫统计学校BBS男女比例之数据处理(三)
2015/12/31 Python
Python3.6正式版新特性预览
2016/12/15 Python
Python实现的插入排序算法原理与用法实例分析
2017/11/22 Python
Python实现邮件的批量发送的示例代码
2018/01/23 Python
pyecharts调整图例与各板块的位置间距实例
2020/05/16 Python
Django-imagekit的使用详解
2020/07/06 Python
HTML5语义化元素你真的用对了吗
2019/08/22 HTML / CSS
室内设计专业自荐信
2014/05/31 职场文书
七年级上册语文教学计划
2015/01/22 职场文书
幼儿园小班个人总结
2015/02/12 职场文书
一个独生女的故事观后感
2015/06/04 职场文书
雷锋电影观后感
2015/06/10 职场文书
教导处教学工作总结
2015/08/12 职场文书
环保建议书范文
2015/09/14 职场文书
2016年禁毒宣传活动总结
2016/04/05 职场文书
Java反应式框架Reactor中的Mono和Flux
2021/07/25 Java/Android
Nginx下SSL证书安装部署步骤介绍
2021/12/06 Servers
Mysql存储过程、触发器、事件调度器使用入门指南
2022/01/22 MySQL
Windows server 2012 NTP时间同步的实现
2022/06/25 Servers