`
aaagu1234
  • 浏览: 149175 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

用jquery获取form表单值的方法总结

阅读更多
用jquery获取form表单值的方法总结:
jquery获取radio单选按钮的值
$("input[name='items']:checked").val();
jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关
获取一组radio被选中项的值
var item = $('input[name=items][checked]').val();
获取select被选中项的文本
var item = $("select[name=items] option[selected]").text();
select下拉框的第二个元素为当前选中值
$('#select_id')[0].selectedIndex = 1;
radio单选组的第二个元素为当前选中值
$('input[name=items]').get(1).checked = true;
获取值:
文本框,文本区域:$("#txt").attr("value");
多选框checkbox:$("#checkbox_id").attr("value");
单选组radio: $("input[type=radio][checked]").val();
下拉框select: $('#sel').val();
控制表单元素:
文本框,文本区域:$("#txt").attr("value",'');//清空内容
$("#txt").attr("value",'11');//填充内容
多选框checkbox: $("#chk1").attr("checked",'');//不打勾
$("#chk2").attr("checked",true);//打勾
if($("#chk1").attr('checked')==undefined) //判断是否已经打勾
单选组radio: $("input[type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项
下拉框select: $("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项
$("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option
$("#sel").empty();//清空下拉框
刚开始接触jquery,很多东西不熟悉
在用$("#id")来获得页面的input元素的时候,发现$("#id").value不能取到值
后来终于在伟大的百度帮助下,找到了问题的原因:
$("")是一个jquery对象,而不是一个dom element
value是dom element的属性
jquery与之对应的是val
val() :获得第一个匹配元素的当前值。
val(val):设置每一个匹配元素的值。
所以,代码应该这样写:
取值:val = $("#id")[0].value;
赋值:
$("#id")[0].value = "new value";
或者$("#id").val("new value");
或者这样也可以:val = $("#id").attr("value");
分享到:
评论

相关推荐

    jquery获取form表单input元素值的简单实例

    在本篇内容中,我们将详细探讨如何使用jQuery来获取form表单中input元素的值,包括文本框、复选框、单选按钮等不同类型input元素的值获取方法。通过jQuery提供的val()方法和attr()方法,我们可以轻松获取或设置input...

    jquery获取表单值

    // 使用.val()方法获取值 ``` **注意:** `.val()` 方法是用来获取或设置表单元素的值的,而 `.attr("value")` 是用来获取`value`属性的值。通常情况下,两者的效果是相同的,但在某些场景下,`.val()` 更加直观和...

    使用jQuery.form插件,实现完美的表单异步提交

    总结一下,jQuery.form插件通过提供简单的API和强大的功能,极大地简化了表单异步提交的实现。通过理解并熟练运用这些方法,你可以创建出更高效、用户体验更佳的Web应用。无论是在简单的数据提交还是复杂的文件上传...

    JQuery.form表单提交参数详解.txt

    `ajaxForm()` 和 `ajaxSubmit()` 方法都是 JQuery Form 插件的一部分,它们可以用来处理表单的提交动作,实现 AJAX 异步提交。 - **`ajaxForm()` 方法**:此方法用于将表单的默认提交行为替换为 AJAX 提交行为。...

    jQuery实现获取form表单内容及绑定数据到form表单操作分析

    主要介绍了jQuery实现获取form表单内容及绑定数据到form表单操作,结合jQuery封装插件操作分析了jQuery针对form表单的serializeJson数据获取及setForm数据绑定相关操作技巧,需要的朋友可以参考下

    js获取form表单中name属性的值

    今天我们将探讨如何使用JavaScript来获取form表单中name属性的值,并且着重讲解在动态表单的情况下,当无法预先确定标签的name属性值时,如何即时获取这些值以便进行存储或处理。 在文章中首先提到的方法是使用...

    jquery-form - jQuery表单生成插件

    总之,jQuery-form是一个功能强大且易于使用的插件,对于任何需要处理表单提交的前端开发人员来说,都是一个不可或缺的工具。它简化了Ajax表单提交的实现,同时也提供了丰富的定制选项,以适应不同项目的具体需求。...

    如何使用Jquery获取Form表单中被选中的radio值

    本文将详细介绍如何使用jQuery获取表单中被选中的radio按钮的值。 首先,我们来看一个简单的HTML表单示例: ```html &lt;form name='form1' action='#' method='post'&gt; &lt;!-- 省略200字 --&gt; 搁置 解决 ...

    jquery form jquery.form.js

    总结,jQuery Form插件以其强大的功能和易于使用的特性,成为前端开发中处理表单不可或缺的工具。熟练掌握其使用,能够有效提升表单操作的便捷性和用户体验。在实际项目中,结合具体需求,灵活运用jQuery Form,可以...

    jQuery表单插件jquery.form.js(示例源码)

    jQuery Form Plugin能够让你简洁的将以HTML形式提交的表单升级成采用AJAX技术提交的表单。 插件里面主要的方法, ajaxForm和ajaxSubmit,能够从form组件里采集信息确定如何处理表单的提交过程。 两个方法都支持众多的...

    JQUERY获取form表单值的代码

    本文将详细介绍如何使用jQuery获取不同类型的表单元素(如text、textarea、radio、checkbox以及select)的值,并展示一些基本的表单元素操作。 首先,我们来看如何获取不同类型的表单值: 1. 获取`...

    jquery异步提交form表单

    本文将深入探讨“jQuery异步提交form表单”这一主题,结合给出的标签“源码”和“工具”,我们将分析相关源码,并提供实际应用中的指导。 在传统的HTML表单提交过程中,页面会跳转到服务器返回的结果页面,这在用户...

    jquery 绑定 form表单数据

    jquery插件 利用json 绑定 form 表单数据

    jquery.form.js和使用说明

    总结来说,jQuery Form Plugin是jQuery库的一个强大补充,它让表单处理变得简单而高效。无论是异步提交、实时验证还是文件上传,都为开发者提供了便利。结合详细的使用说明,开发者能够快速上手并灵活运用,提高Web...

    jquery提交form表单

    总结,jQuery和`jquery.form.js`插件提供了强大的表单提交工具,使得开发者能够轻松实现异步、无刷新的交互体验,尤其在处理文件上传等复杂场景时,其优势更为明显。通过熟练掌握这些技术,可以提升Web应用的用户...

    使用JQuery实现从JSON对象转换为form提交数据

    总结,通过jQuery我们可以方便地将JSON对象转换为适合表单提交的格式,并利用Ajax方法发送到服务器。这极大地提高了前端开发的效率和灵活性,使得前端和后端的数据交互变得更加简单。在实际项目中,根据具体需求,...

    jquery表单验证插件jquery.form.js.pdf

    从提供的文件信息中,我们可以抽取出关于jquery表单验证插件jquery.form.js的知识点,包括其使用方法、功能和相关API介绍等。 首先,jquery.form.js是一个专门用于处理表单的jQuery插件,它提供了简化AJAX表单提交...

    jquery.form.js

    3. **初始化插件**:使用jQuery选择器选取表单,然后调用`$.ajaxForm`或`$.fn.form`方法进行初始化。 ```javascript $('#myForm').ajaxForm({ beforeSubmit: function(arr, form, options) { // 预提交操作,如...

    Ajax表单提交插件jquery form

    使用jQuery选择器选取要处理的表单,并调用`.ajaxForm()`或`.form()`方法初始化插件。 ```javascript $('#myForm').ajaxForm(options); ``` 其中,`#myForm`是表单的ID,`options`是一个可选的对象参数,用于...

Global site tag (gtag.js) - Google Analytics