`
alfred_long
  • 浏览: 566388 次
  • 性别: 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来控制这些元素的状态,例如清空内容、填充内容、改变选中状态等。 ##### 1. 文本框、文本域的操作 - 清空内容: ```javascript $("#text_id").val(''); ``` - 填充...

    jquery获取input表单值的代码

    jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 获取一组radio被选中项的值 var item = $(‘input[name=items][checked]’).val(); 获取select被选中项的文本 var ...

    Jquery 获取input 值

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

    jquery获取表单元素的方法

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

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

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

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

    总结来说,本文对于在使用jQuery进行表单操作时常见的获取和设置各种类型input值的方法进行了归纳,内容从基础的获取和设置值到控制元素状态的技巧都有涉及,非常适合需要进行jQuery表单编程的开发者参考。

    JQuery获取input控件值.docx

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

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

    4. 初始化插件:通过jQuery选择器找到目标Input元素,并调用Fancy Input插件,指定想要的动画效果。 例如: ```javascript $(document).ready(function() { $('input').fancyInput({ effect: 'fadeIn' // 选择...

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

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

    autoTip 飞飞的基于jquery的input表单输入框默认提示信息插件.zip

    《基于jQuery的input表单输入框默认提示信息插件autoTip》 在Web开发中,用户界面的友好性和易用性至关重要。一个优秀的前端开发者会关注每一个细节,包括输入框的提示信息。为了提高用户体验,一种名为“autoTip”...

    jquery.maskedinput 自定义输入格式,金额,时间,秒,毫秒控件

    jQuery Masked Input插件广泛应用于金融、电子商务、日历应用、表单验证等多个领域,通过提供直观的输入引导,提升用户体验,减少输入错误。 7. **注意事项** 在实际使用中,应确保jQuery库在Masked Input插件...

    jQuery表单input字段提示信息动画特效

    本教程将深入探讨如何利用jQuery实现表单input字段的提示信息动画特效,以提升用户在填写表单时的体验。 首先,我们需要了解jQuery的核心概念。jQuery通过简洁的API简化了DOM操作、事件处理、动画效果以及Ajax交互...

    jquery实现弹窗表单填写提交

    此外,为了提供更好的用户体验,可以添加表单验证,比如检查输入是否为空,邮箱格式是否正确等,这可以通过jQuery的`val()`方法获取输入值,然后使用正则表达式进行验证。 总结,这个项目涉及了jQuery的基本用法,...

    jquery表单input输入框动画提示效果代码

    jQuery中的`focus`、`blur`、`change`等事件可以监听用户与表单元素的交互,例如当用户聚焦(input获取焦点)、失去焦点(input失去焦点)或内容改变时触发相应的动画提示。这些提示可以帮助用户了解他们是否正确地填写...

    jQuery ui input滑动条制作房屋表单搜索条件滑动条

    本文将深入探讨如何利用jQuery UI中的input滑动条功能来创建一个房屋表单搜索条件的滑动条。通过这个功能,用户可以更直观地调整和选择他们对房屋搜索的特定条件,例如价格范围、房间数量等。 首先,我们需要在项目...

    jQuery完整注册表单提交验证

    总结来说,jQuery在创建一个完整的注册表单验证系统中发挥着重要作用,它提供了便捷的DOM操作和事件处理机制,帮助开发者轻松地实现前端验证,提升用户体验。结合适当的后端交互,我们可以构建出一个安全、友好的...

Global site tag (gtag.js) - Google Analytics