- 浏览: 1468909 次
- 性别:
- 来自: 大连
文章分类
- 全部博客 (460)
- java (148)
- javascript (34)
- Flex文章 (4)
- css+div (2)
- ajax (6)
- extjs (11)
- 人生感悟 (9)
- struts2.0 (6)
- IT之路,生活 (15)
- hibernate (6)
- struts1 (1)
- spring (5)
- j2ee错误 (3)
- Dwr (5)
- Linux (33)
- C++ (3)
- SWT Win32 (2)
- EJB (1)
- JPA (4)
- C语言和LinuxC (7)
- SQL (13)
- 项目经理 (6)
- db2 (2)
- java数据结构 (2)
- 网页播放器flv (1)
- 数据库 (24)
- 用户体验设计学习 (2)
- 网络电话 (5)
- 军事理论 (4)
- android (3)
- oracle (18)
- oracle ebs form (11)
- oracle ebs oaf (4)
- erp (20)
- DBA (9)
- java中URL 的编码和解码函数 (1)
- 铁血丹心 (1)
- excel 单元格格式不能立即生效 (1)
- Java调用bat文件 (1)
- 如何把本地outlook中的邮件上传到网络邮箱中 (1)
- java 报表 打印 (1)
- 创建dblink (1)
- 图标前台框架 (1)
- vnc (1)
- FORM (1)
- MYSQL (1)
最新评论
-
July01:
推荐用StratoIO打印控件,支持网页、URL、图片、PD、 ...
web打印不显示页眉页脚 -
July01:
推荐用StratoIO打印控件,浏览器和系统的兼容性都很好,而 ...
Javascript网页打印大全 -
hardyer:
大哥写的很实在,受教了,提前祝你元旦快乐!
黎活明给程序员的忠告 -
cxysilahi:
请问WIN7 64位,调用报错Exception in thr ...
JNative的初步使用 -
action1949:
好东西,解决问题
JFreeChart乱码解决方法
<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();//清空下拉框
开发过程中经常要处理页面表单元素,如:在下拉框select中获取selected的value值,在复选框checkBox中获取 checked的value值等,来触发和调用其它页面表单元素,制作出交互性强,页面友好的表单。jQuery通过元素$(#id)产生一个 Object对象,通过对获取的对象深入了解,完全可以获取任何页面元素中的任何信息,为了工作方便,我总结了相关jQuery操作object对象的方 法,获取下拉框selected,复选框和单选框checked,文本框value值,供参考。 表单实例: 一,html部分 <form> $(document).ready(function(){ $("#sButtonId").click(function(){//获取select对象 $("#cButtonId").click(function(){//获取checkBox对象 $("#rButtonId").click(function(){//获取radio对象 $("#tButtonId").click(function(){//获取text对象 其操作过程如下: 为什么是get(0)? 实例表明,掌握jQuery的object对象调用对于获取表单元素非常有用,可以获取下拉框selected值,复/单选框checked值,文 本text的value值,增强我们制作表单元素的交互性与灵活性,上面实例中主要考虑到jQuery对象的调用原理,代码相对比较多,实际使用中完全可 以精简代码行如下: 获取表单元素值主要是jQuery中get()对象访问方法,其次是each()方法,记住一点:$(#id)产生的是一个对象,获取其中的值完全 可以使用jQuery对象访问方法。 jQuery提供丰富的object对象访问方法,通过对访问对象方法的掌握,轻松获取selected,checked,text等表单值。 jquery取得text,areatext,radio,checkbox,select的值,以及其他一些操作; 3.另外对表单的其他处理:
<!-- 获取select的selected值 biuuu.com-->
<select id="selectId"><option value="biuuu_s1">s1</option>
<option value="biuuu_s2">s2</option>
<option value="biuuu_s3">s3</option>
<option value="biuuu_s4">s4</option>
</select>
<input type="button" id="sButtonId" value="获取selected值" /><span id="sResult"></span><br />
<!-- 获取checkbox的checked值 biuuu.com-->
<input type="checkbox" name="checkboxId" value="biuuu_c1" />c1<input type="checkbox" name="checkboxId" value="biuuu_c2" />c2<input type="checkbox" name="checkboxId" value="biuuu_c3" />c3<input type="checkbox" name="checkboxId" value="biuuu_c4" />c4<input type="button" id="cButtonId" value="获取checkbox值" /><span id="cResult"></span><br />
<!-- 获取radio的checked值 biuuu.com-->
<input type="radio" name="radioId" value="biuuu_r1" />r1<input type="radio" name="radioId" value="biuuu_r2" />r2<input type="radio" name="radioId" value="biuuu_r3" />r3<input type="button" id="rButtonId" value="获取radio值" /><span id="rResult"></span><br />
<!-- 获取text的value值 biuuu.com-->
<input type="text" id="textId" value="" /><input type="button" id="tButtonId" value="获取text值" /><span id="tResult"></span></form>
二,JS部分
var selectedObj = $("#selectId option:selected");//获取当前selected的值
var selected = selectedObj.get(0).value;$("#sResult").html("结果:"+selected);
});
var Check = '';
var checkedObj = $("[name='checkboxId'][@checked]");//获取当前checked的value值 如果选中多个则循环
checkedObj.each(function(){var isCheck = this.value;Check += isCheck;
});
$("#cResult").html("结果:"+Check);
});
var radioObj = $("[name='radioId'][@checked]");//获取当前checked的value值
var radio = radioObj.get(0).value;$("#rResult").html("结果:"+radio);
});
var textObj = $("#textId");//获取当前text的value值
var text = textObj.get(0).value;$("#tResult").html("结果:"+text);
});
});
实例效果如下:(略)
1,jQuery获取object对象,如下拉框select对象,单选框radio对象,复选框checkbox对象,文本框text对象;
2,获取对象值,对于值唯一的元素,如select,radio,text通过get()方法获取value值,对于数据元素,如checkbox通过 each循环获取value值
get(0)如同数组下标,默认值是从0开始的
1,获取selected值:$("#selectId option:selected").get(0).value
2,获取radio checked值:$("[name='radioId'][@checked]").get(0).value
3,获取text value值:$("#textId").get(0).value
jQuery对象访问方法列表如下:
1,each()循环,相当于foreach;
2,size()统计个数;
3,length()统计个数;
4,get()单个或多个;
5,index()索引;
1.假如我们有如下页面
2.下面来看怎么取得FORM中的各种值等等;
发表评论
-
jquery 传一个json对象到 java后台
2017-09-07 23:03 1618前台 var data={}; data.fid=&quo ... -
图标前台框架hcharts
2014-12-26 13:32 880http://www.hcharts.cn/demo/in ... -
Js操作Select大全
2012-11-09 20:43 1018转 http://www.cnblogs.com/Heris ... -
IE 无法运行javascript
2012-06-11 10:02 2169将下面的脚本编程一个bat文件,然后运行。 rundll32 ... -
javascript 判断页面加载完毕
2012-05-14 15:11 2193这个函数用户判断当页面加载完毕的时候,设置按钮上的文本如果页面 ... -
js获取节点 dom操作
2012-05-14 13:09 7067接口 nodeType常量 nod ... -
ExtJs表格控件Grid
2011-09-17 22:29 1323下面介绍三种ExtJs中最 ... -
ExtJs树TreePanel
2011-09-17 22:27 23841.创建一个简单(静态)的树 /** 创建 ... -
ExtJs表单FormPanel
2011-09-17 22:17 10471.简单表单实例 /** 简单表单实例(与JSP ... -
extjs 创建简单Meun,实现在TreePanel上面右键.
2011-09-17 22:02 5212/** 创建简单Menu */ fu ... -
javascript右键菜单(所有浏览器)
2011-04-29 09:33 1342<HTML> <HEAD> ... -
jQuery 图片裁切
2011-01-12 17:59 1197jQuery 图片裁切 头像裁切软件 -
javascript对xml的解析
2010-10-28 12:58 1128<!DOCTYPE html PUBLIC " ... -
javascript图片大小图片尺寸代码
2010-10-11 13:19 2544<title>JS实现单击图片获取图片的原始尺寸代 ... -
遍历session
2010-09-14 09:59 1372在jsp中加入如下代码即可实现功能: <% Enum ... -
window.showModalDialog模式对话框
2010-09-09 08:58 1749基本介绍: showModalDialo ... -
jQuery 工具安装-jqueryWTP
2010-07-23 18:11 48671. jQuery 工具安装-jqueryWTP ... -
Spket的插件安装方法
2010-07-23 18:02 1358首先下载一个Spket的插件,下载过后就是一个spket-1. ... -
JavaScript图片裁切主要是获取他们的大小发送给系统。
2010-06-13 09:42 1194有个函数添加了return 之后,他后面的代码就不在执行了。这 ... -
javascript获取远程图片的原来的尺寸大小
2010-06-13 09:19 1909<script> var img=null; ...
相关推荐
下面小编就为大家带来一篇jquery获取form表单input元素值的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
比较全面的讲解了jquery获取表单值,全面的讲解了jquery获取表单值
本文实例讲述了jQuery实现form表单元素序列化为json对象的方法。分享给大家供大家参考,具体如下: 这段代码序列化form表单元素为json对象: <!Doctype html> <html xmlns=http://www.w3.org/1999/xhtml>...
使用jQuery.form插件,实现完美的表单异步提交
jquery-form - jQuery表单生成插件 。
ajaxForm()和ajaxSubmit()方法可以...//clearForm:true, //成功提交后,清除所有表单元素的值 //resetForm:true, //成功提交后,重置所有表单的值 //timeout:3000 //限制请求的时间,当请求大于3秒后,跳出请求 }
jQuery Form Plugin能够让你简洁的将以HTML形式提交的表单升级成采用AJAX技术提交的表单。 插件里面主要的方法, ajaxForm和ajaxSubmit,能够从form组件里采集信息确定如何处理表单的提交过程。 两个方法都支持众多的...
jquery插件 利用json 绑定 form 表单数据
提供了jquery提交form表单的方法,里面包括jquery.form.js、示例和方法说明
下面就日常最常用的,在Form表单中如何获取被中选的Radio值做一小小的示例。 form表单如下: 代码如下: <form name=’form1′ action=”#” method=”post”> 此处略去200字 <input type=”radio” name=”...
表单异步上传,表单中可以支持文件和数据异步上传,
jquery如何取得text,areatext,radio,checkbox,select的值,以及其他一些操作.
jQuery复制移除表单元素代码基于jquery.1.7.2.min.js制作,可复制移除相同表单。
jquery form表单验证的列子jquery form表单验证的列子jquery form表单验证的列子
jquery验证form,表单,操作cookie 插件
文件压缩包里有jquery.form.js和使用说明文档 jquery表单验证插件_jquery.form.js
该压缩包是jQuery的form表单校验插件,demo文件夹中是其说明文档,使用方法比较简单,查看说明文档都可以快速使用
主要介绍了jQuery实现获取form表单内容及绑定数据到form表单操作,结合jQuery封装插件操作分析了jQuery针对form表单的serializeJson数据获取及setForm数据绑定相关操作技巧,需要的朋友可以参考下
主要为大家详细介绍了Jquery判断form表单数据是否变化的方法,感兴趣的小伙伴们可以参考一下