`
emlyn_1180
  • 浏览: 32835 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
最近访客 更多访客>>
社区版块
存档分类
最新评论

jQuery 操作INPUT

阅读更多
获取选中的值
获取一组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");

$("#txt").val();

多选框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的项目为当前选中项
$("<optionvalue='1'>1111</option><optionvalue='2'>2222</option>").appendTo("#sel")//添加下拉框的option
$("#sel").empty();//清空下拉框

=====================

在Jquery中,用$("#id")来获得页面的input元素,其相当于document.getElementById("element")
但是,该获取的是一个Jquery对象,而不是一个dom element对象.value是dom element对象的属性.所以,使用
$("#id").value不能取到值
取值的方法如下:
取值:val = $("#id")[0].value;
$("#id")[0].value = "new value";
赋值:
$("#id")[0].value = "new value";
或者$("#id").val("new value");
val = $("#id").attr("value");
1
1
分享到:
评论

相关推荐

    jQuery 操作input中radio的技巧

    根据给定文件信息,以下是关于jQuery操作input中radio的技巧知识点的详细说明: 1. jQuery的基本概念:jQuery是一个快速、小巧、功能丰富的JavaScript库,它简化了HTML文档遍历、事件处理、动画和Ajax交互。利用...

    jQuery文本框input输入关键字自动补全筛选代码

    本示例中的"jQuery文本框input输入关键字自动补全筛选代码"是利用jQuery实现的一种常见用户体验增强功能,通常用于网站的搜索框,当用户在文本框中输入关键词时,系统会实时显示与输入关键词匹配的相关建议,提升...

    jQuery操作input值的各种方法总结

    获取选中的值获取一组radio被选中项的值 代码如下:var item = $(‘input[@name=items][@checked]’).val();获取select被选中项的文本 代码如下:var item = $(“select[@name=items] option[@selected]”).text();...

    JavaScript和jQuery获取input框的绝对位置

    这个主题主要集中在如何获取HTML中的`input`框的精确位置,以便于进行定位或其他操作。以下是对这个知识点的详细阐述: 首先,我们需要理解什么是元素的位置。在网页上,每个元素都有一个相对于文档左上角的坐标,...

    jquery实现input搜索输入关键词后自动筛选相关信息效果

    在网页开发中,jQuery是一个非常流行的JavaScript库,它简化了DOM操作、事件处理以及动画创建等任务。在本教程中,我们将深入探讨如何利用jQuery来实现一个搜索输入框的功能,当用户在input框中输入关键词时,能自动...

    jquery_input提示

    在“jquery_input提示”中,核心功能是利用jQuery的事件处理和DOM操作来实现这一交互。以下是这个功能的几个关键知识点: 1. **jQuery选择器**:jQuery的选择器允许我们方便地选取HTML元素。在这个例子中,可能使用...

    jQuery操作 input type=checkbox的实现代码

    input type=”checkbox”&gt;: 2012欧洲杯”死亡之组”小组出线的国家队是: &lt;input type=”checkbox” name=”nation” value=”Germany”&gt;德国 &lt;input type=”checkbox” name=”nation” value=”...

    jQuery标签输入自动完成插件jquery.tagsinput-revisited.js

    《jQuery标签输入自动完成插件jquery.tagsinput-revisited.js详解》 在Web开发中,用户交互体验至关重要,其中一种常见的需求就是实现输入框的自动完成功能,这能够提升用户的输入效率并提供良好的用户体验。jQuery...

    jQuery操作input type=radio的实现代码

    以下知识点涵盖了使用jQuery操作单选按钮的各种方法及其应用场景。 知识点一:获取选中的单选按钮的值 通过jQuery可以很容易地获取到用户选择的单选按钮的值。使用`:checked`选择器,可以选取到被选中的单选按钮。...

    jquery input文本框模拟select选择框获取选定

    在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了JavaScript代码的编写,尤其是在处理DOM操作、事件处理以及动画效果等方面。对于标题提到的"jquery input文本框模拟select选择框获取选定",这是...

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

    在网页开发中,jQuery极大地提高了开发效率,尤其在处理DOM操作、事件绑定和创建复杂的动画效果时。 **Fancy Input插件** Fancy Input是一款专为HTML输入框(Input元素)设计的特效插件,它利用jQuery库的强大功能...

    jQuery input文本框点击下拉菜单选择代码

    在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理、动画效果和Ajax交互。本文将详细讲解如何使用jQuery实现一个功能,即当用户点击input文本框时,弹出一个下拉菜单供用户选择。...

    jquery tag插件input文本域输入文字创建标签文字效果

    首先,jQuery是JavaScript的一个库,它简化了DOM操作、事件处理、动画制作和Ajax交互。Tag插件则是基于jQuery构建的,用于扩展其功能,实现特定的标签创建效果。 1. **基本概念**: - **jQuery Tag插件**:这是一...

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

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

    jquery input checkbox 联动

    在网页开发中,jQuery 是一个广泛使用的 JavaScript 库,它简化了 DOM 操作、事件处理以及Ajax交互。本文将深入探讨如何在jQuery环境下实现输入框(input)复选框(checkbox)的联动效果,即当某个复选框被选中时,...

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

    `jQuery`作为一个强大的JavaScript库,为开发者提供了丰富的功能,简化了DOM操作,使得创建动态和互动的网页变得更加容易。本教程将深入讲解如何利用jQuery实现一个创新的表单input字段提示信息动画特效。 首先,...

Global site tag (gtag.js) - Google Analytics