`
yanyanquan
  • 浏览: 448057 次
  • 性别: Icon_minigender_1
  • 来自: 江门
社区版块
存档分类
最新评论

jquery获取input表单值的代码

阅读更多
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获取表单值

    ### jQuery 获取表单值 在Web开发中,jQuery作为一个非常流行的JavaScript库,简化了许多复杂的DOM操作,特别是对于表单数据的获取与处理方面提供了极大的便利。本文将详细讲解如何使用jQuery来获取不同类型的表单...

    Jquery 获取input 值

    以上就是通过 jQuery 获取和设置 input 类型(包括 radio 按钮、checkbox 和 select 下拉列表)值的一些常见方法和技巧。这些方法在实际开发中非常有用,可以帮助开发者更高效地处理用户输入数据。

    JQuery获取input控件值.docx

    下面将详细解释如何使用jQuery来获取和设置text、textarea、radio、checkbox以及select等不同类型的input控件的值。 1. **获取text和textarea值**: - 对于`&lt;input type="text"&gt;`和`&lt;textarea&gt;`,可以使用`.attr()...

    jQuery获取及设置表单input各种类型值的方法小结

    本文对jQuery获取及设置表单input各种类型值的方法进行了详细的小结。首先,对于radio类型输入框,可以通过使用jQuery选择器获取被选中项的值,例如使用$("input[@name=items]:checked").val();可取得一组具有相同...

    jQuery复制移除表单元素代码.zip

    本示例“jQuery复制移除表单元素代码”是基于jQuery 1.7.2版本实现的功能,这个版本在当时是相当稳定且广泛使用的。 1. **jQuery库的引入**:描述中提到的`jquery.1.7.2.min.js`是jQuery的核心库文件,它的引入使得...

    jquery获取表单元素的方法

    本文将详细解析如何使用jQuery获取表单元素的各种值,包括文本框(TEXT)、文本区域(AREA TEXT)、复选框(CHECKBOX)、单选按钮(RADIO)、下拉列表(SELECT)以及表格(TABLE)中的数据。 ### 文本框(TEXT) ...

    js与jquery获取input输入框中的值实例讲解.docx

    ### JS与jQuery获取Input输入框中的值实例讲解 #### 一、引言 在Web开发中,经常需要处理用户输入的数据。JavaScript 和 jQuery 是前端开发中最常用的两种工具,它们提供了强大的功能来操作DOM(文档对象模型),...

    jQuery炫酷Input表单输入文字动画特效插件.zip

    《jQuery炫酷Input表单输入文字动画特效插件解析》 在现代网页设计中,用户交互体验至关重要。jQuery作为一款广泛使用的JavaScript库,为开发者提供了丰富的功能和便捷的API,使得实现各种动态效果变得轻而易举。在...

    jquery动态复制或者删除input表单特效代码下载.zip

    本资源“jquery动态复制或者删除input表单特效代码下载.zip”提供了利用jQuery实现的一种实用功能,即动态地在网页上复制或删除input表单元素,这对于创建动态、交互性强的用户界面非常有用。 首先,jQuery的选择器...

    jQuery制作动态表单验证代码插件

    本项目是关于使用jQuery制作一个动态表单验证代码插件,这在网页开发中是非常实用的技能,可以提升用户体验,确保用户在提交表单前输入的数据符合预期格式。 首先,我们要理解表单验证的重要性。在Web应用中,表单...

    Jquery获取Select标签的值

    本篇文章将详细介绍如何利用 jQuery 来获取 Select 标签的值以及相关的表单元素操作。 #### 一、获取 Select 标签的值 ##### 1. 获取 Select 的 Value 值 要获取 Select 下拉框的当前选中值(即 value 属性的值)...

    jquery炫酷Input表单输入文字动画特效插件

    jQuery设计的核心理念是“写得更少,做得更多”,这使得开发者能够用更少的代码实现更多的功能。在网页开发中,jQuery极大地提高了开发效率,尤其在处理DOM操作、事件绑定和创建复杂的动画效果时。 **Fancy Input...

    jQuery用户注册表单验证代码.zip

    在验证过程中,我们可以利用`.each()`循环遍历表单中的输入元素,通过`attr('required')`检查是否为必填字段,并使用`.val()`获取当前输入值。对于验证规则,例如邮箱格式验证,可以使用正则表达式配合`.match()`...

    jQuery/JS监听input输入框值变化实例

    同时,使用jQuery绑定了oninputpropertychange事件,显示了在输入过程中实时获取输入框长度,并根据输入值是否存在来改变其他元素的样式。 在介绍完各种监听方法后,文章还提供了一些兼容IE浏览器的JavaScript函数...

    jQuery手机端个人信息填写表单页面代码.zip

    总结,"jQuery手机端个人信息填写表单页面代码.zip"这个资源展示了如何使用jQuery来构建一个交互性强、用户体验好的手机端表单页面。通过学习这个实例,开发者不仅可以了解如何利用jQuery处理表单数据,还能掌握如何...

Global site tag (gtag.js) - Google Analytics