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 相关文章推荐
更优雅的事件触发兼容
Oct 24 Javascript
js加载之使用DOM方法动态加载Javascript文件
Nov 08 Javascript
node.js中的console.trace方法使用说明
Dec 09 Javascript
在javascript中随机数 math random如何生成指定范围数值的随机数
Oct 21 Javascript
JavaScript实现图片自动加载的瀑布流效果
Apr 11 Javascript
JavaScript的Ext JS框架中的GridPanel组件使用指南
May 21 Javascript
微信开发 使用picker封装省市区三级联动模板
Oct 28 Javascript
JS简单实现数组去重的方法示例
Mar 27 Javascript
xmlplus组件设计系列之下拉刷新(PullRefresh)(6)
May 03 Javascript
vue实现表格数据的增删改查
Jul 10 Javascript
微信小程序 下拉刷新及上拉加载原理解析
Nov 06 Javascript
Vue通过for循环随机生成不同的颜色或随机数的实例
Nov 09 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 strlen mb_strlen计算中英文混排字符串长度
2009/07/10 PHP
php数组去重的函数代码
2013/02/03 PHP
Cygwin中安装PHP方法步骤
2015/07/04 PHP
Symfony2安装第三方Bundles实例详解
2016/02/04 PHP
javascript 基础篇3 类,回调函数,内置对象,事件处理
2012/03/14 Javascript
document节点对象的获取方式示例介绍
2013/12/24 Javascript
jquery获取一个元素下面相同子元素的个数代码
2014/07/31 Javascript
JavaScript设置body高度为浏览器高度的方法
2015/02/09 Javascript
AngularJS初始化静态模板详解
2016/01/14 Javascript
浅谈jQuery animate easing的具体使用方法(推荐)
2016/06/17 Javascript
JS中如何比较两个Json对象是否相等实例代码
2016/07/13 Javascript
详解微信小程序入门五: wxml文件引用、模版、生命周期
2017/01/20 Javascript
js实现下拉框效果(select)
2017/03/28 Javascript
微信小程序 sha1 实现密码加密实例详解
2017/07/06 Javascript
详解在vue-cli中使用graphql即vue-apollo的用法
2018/09/08 Javascript
非常实用的jQuery代码段集锦【检测浏览器、滚动、复制、淡入淡出等】
2019/08/08 jQuery
js实现图片实时时钟
2020/01/15 Javascript
详解vue-template-admin三级路由无法缓存的解决方案
2020/03/10 Javascript
利用webpack理解CommonJS和ES Modules的差异区别
2020/06/16 Javascript
[04:28]2014DOTA2国际邀请赛 采访小兔子LGD挺进钥匙体育馆
2014/07/14 DOTA
基于进程内通讯的python聊天室实现方法
2015/06/28 Python
Python编程实现微信企业号文本消息推送功能示例
2017/08/21 Python
Python如何获取Win7,Win10系统缩放大小
2020/01/10 Python
一文轻松掌握python语言命名规范规则
2020/06/18 Python
CSS3常用的几种颜色渐变模式总结
2016/11/18 HTML / CSS
联想哥伦比亚网上商城:Lenovo Colombia
2017/01/10 全球购物
财务会计实习报告体会
2013/12/20 职场文书
大学生写自荐信的技巧
2014/01/08 职场文书
篝火晚会主持词
2014/03/25 职场文书
三提三创主题教育活动查摆整改措施
2014/10/25 职场文书
计划生育工作汇报
2014/10/28 职场文书
2014年单位工作总结范文
2014/11/27 职场文书
二年级学生期末评语
2014/12/26 职场文书
2015年五一劳动节演讲稿
2015/03/18 职场文书
出生证明范本
2015/06/15 职场文书
关于感恩老师的古诗句
2019/08/20 职场文书