- 浏览: 666370 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (608)
- Java (125)
- Struts (16)
- Spring (19)
- iBatis (11)
- Hibernate (14)
- Oracle (33)
- Mysql (22)
- JBoss (4)
- JavaScript (46)
- Ajax (9)
- jQuery (5)
- web (25)
- Html (14)
- Exception (26)
- Linux (106)
- Vim (11)
- Python (12)
- ComputerTech (25)
- 文章 (50)
- Maven (20)
- FreeMarker (5)
- Json (0)
- Tomcat (6)
- ActiveMQ (2)
- Test (1)
- Git (5)
- Shell (1)
- 《Java并发编程实践》 (2)
- 产品设计 (1)
- xxx (0)
- diamond (1)
- dubbo (1)
- Raspbian (1)
- IDE (3)
- 并发编程 (1)
最新评论
-
mikzhang:
抱歉,写这篇文章时,博主开发的程序只面对IE浏览器,故没考虑其 ...
JS 中改变confirm默认按钮提示“确定""取消" -
poterliu:
测试过了,发现execScript方法只支持IE浏览器。目前已 ...
JS 中改变confirm默认按钮提示“确定""取消"
jquery如何取得text,areatext,radio,checkbox,select的值,以及其他一些操作;假如我们有如下页面:
<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());
}
})
}
//控制表单元素: //文本框,文本区域: $("#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_调用父窗口(父页面)的方法
2016-12-23 11:44 635via: http://www.php100.com/htm ... -
防刷新重复提交
2015-11-30 10:41 4061. 现象:在我们系统中,新增、编辑数据后,继续刷新页面后 ... -
Js_“!!”
2014-09-03 15:35 303JS中的“!!” 经常看到这样的例子: var a ... -
Js_==&===
2014-08-24 11:39 608via: http://ilovejsj.iteye.com ... -
Js_数组的操作
2014-07-28 11:10 668via: http://www.cnblogs.com/qi ... -
Js_数组的操作
2014-07-26 14:52 579via: http://www.cnblogs.com/qi ... -
Js_join&split
2014-06-18 16:39 711Js_join 定义和用法 ... -
Js_最常用的55个经典技巧
2014-04-08 17:11 752via: http://www.uml.org.cn/aj ... -
Js_获取当前对象大小及屏幕分辨率等
2014-03-07 10:13 546via: http://www.cnblogs.com/t ... -
Js_表单间数据传递
2013-06-17 10:15 891一,同一个网页里的表单的数据传递。 举个实例,一 ... -
Js_获取控件的绝对位置
2013-04-28 14:55 0from: http://www.cnblogs.co ... -
js_定时关闭网页窗口
2013-04-27 15:38 0<script language="java ... -
js_window.print()
2014-04-15 14:54 843window.print() 功能:打印当前窗口的内容。 ... -
js_URL传参
2013-04-27 14:15 0escape() The escape() func ... -
js_sumbit&onsubmit
2013-04-27 11:35 1191submit与onsubmit 发生顺 ... -
js_输出固定时间格式
2013-04-27 10:47 941/** * 将时间转换成固定格式输出 * new D ... -
js_常识
2013-04-27 10:10 11431.document.write(" " ... -
jQuery_验证电话邮箱
2013-04-27 09:32 1032<HTML> <HEAD> ... -
js_验证电话,邮箱
2013-04-26 16:36 0<HTML> <HEAD> ... -
JS_7个JavaScript简写技巧
2013-04-16 09:25 983from: http://linux.cn/article ...
相关推荐
在本篇内容中,我们将详细探讨如何使用jQuery来获取form表单中input元素的值,包括文本框、复选框、单选按钮等不同类型input元素的值获取方法。通过jQuery提供的val()方法和attr()方法,我们可以轻松获取或设置input...
### jQuery 获取表单值 在Web开发中,jQuery作为一个非常流行的JavaScript库,简化了许多复杂的DOM操作,特别是对于表单数据的获取与处理方面提供了极大的便利。本文将详细讲解如何使用jQuery来获取不同类型的表单...
jQuery.form插件正是为了满足这种需求而设计的,它扩展了jQuery库,使表单异步提交变得更加简单、灵活且强大。本文将详细介绍如何使用jQuery.form插件,实现完美的表单异步提交。 首先,我们需要了解jQuery.form...
`ajaxForm()` 和 `ajaxSubmit()` 方法都是 JQuery Form 插件的一部分,它们可以用来处理表单的提交动作,实现 AJAX 异步提交。 - **`ajaxForm()` 方法**:此方法用于将表单的默认提交行为替换为 AJAX 提交行为。...
在jQuery-form中,你可以轻松实现异步(Ajax)提交表单,避免页面刷新,提升用户体验。它支持多种HTTP方法,包括POST和GET,以及XMLHttpRequest Level 2的PUT、DELETE等。此外,它还兼容各种表单编码类型,如...
jQuery Form Plugin能够让你简洁的将以HTML形式提交的表单升级成采用AJAX技术提交的表单。 插件里面主要的方法, ajaxForm和ajaxSubmit,能够从form组件里采集信息确定如何处理表单的提交过程。 两个方法都支持众多的...
jQuery Form插件主要由`jquery.form.js`脚本组成,它扩展了jQuery的$.ajax方法,提供了一种更加简单易用的方式来处理表单的异步提交。在压缩包中,源代码位于`src/jquery.form.js`,而压缩包的`dist`目录下提供了...
jquery插件 利用json 绑定 form 表单数据
本文将深入探讨“jQuery异步提交form表单”这一主题,结合给出的标签“源码”和“工具”,我们将分析相关源码,并提供实际应用中的指导。 在传统的HTML表单提交过程中,页面会跳转到服务器返回的结果页面,这在用户...
`jquery.form.js`是jQuery的一个插件,它为表单提交提供了更高级的功能,如文件上传支持、多部分形式(multipart/form-data)和多种提交方式。安装此插件后,我们可以使用`.ajaxSubmit()`或`.submit()`方法: ```...
表单异步上传,表单中可以支持文件和数据异步上传,
《jQuery Form Plugin:简化异步表单提交与文件上传》 在Web开发中,jQuery库以其简洁的API和强大的功能深受开发者喜爱。其中,`jquery.form.js`是jQuery的一个重要插件,它扩展了jQuery的核心功能,使得表单的异步...
而jQuery Form Plugin是jQuery的一个扩展,专门为表单处理提供了丰富的功能,包括异步提交表单、表单验证以及实时反馈等功能。本文将详细解析jQuery Form Plugin的使用及其核心知识点。 首先,`jquery.form.js`是这...
从提供的文件信息中,我们可以抽取出关于jquery表单验证插件jquery.form.js的知识点,包括其使用方法、功能和相关API介绍等。 首先,jquery.form.js是一个专门用于处理表单的jQuery插件,它提供了简化AJAX表单提交...
Jquery.form.js可以非常简单的实现表单的异步提交,相对于同样是异步上传的ajaxfileupload,它能够实现文件跨域上传。
**jQuery的form表单校验插件** 在Web开发中,表单验证是必不可少的一环,它确保用户输入的数据符合预设的规则,避免无效数据的提交,提高用户体验。jQuery作为一个强大的JavaScript库,提供了丰富的功能,包括对DOM...
为了解决这个问题,jQuery Form插件应运而生,它允许我们实现异步(Ajax)表单提交,提高页面的响应性和用户体验。 ### jQuery Form 插件介绍 jQuery Form插件是基于jQuery的一个强大工具,它可以轻松地将任何HTML...
**Ajax表单提交插件jQuery Form** 在Web开发中,jQuery Form插件是一个非常实用的工具,它使得使用Ajax技术提交HTML表单变得简单而直观。这个插件扩展了jQuery库,提供了强大的功能,允许开发者无刷新地更新页面...
今天我们将深入探讨的是一个关于jQuery的实用工具——"jquery form表单美化插件"。这个插件专门用于提升网页表单的用户体验和视觉效果,使原本平淡无奇的HTML表单变得更具吸引力。 首先,我们要理解jQuery Form插件...