当前位置:  编程技术>jquery

jQuery操作input文本框实例

    来源: 互联网  发布时间:2014-10-07

    本文导语:  如何用jquery获取选中的值? 1,获取一组radio被选中项的值   代码示例: var item = $('input[@name=items][@checked]').val(); 2,获取select被选中项的文本   代码示例: var item = $("select[@name=items] option[@selected]").text(); 3,select下拉框的第二个...

如何用jquery获取选中的值?

1,获取一组radio被选中项的值
 

代码示例:
var item = $('input[@name=items][@checked]').val();

2,获取select被选中项的文本
 

代码示例:
var item = $("select[@name=items] option[@selected]").text();

3,select下拉框的第二个元素为当前选中值
 

代码示例:
$('#select_id')[0].selectedIndex = 1;

4,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的项目为当前选中项
$("1111& lt;optionvalue='2'>2222").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");

例子,jquery input text radio check select 操作
 

代码示例:





jquery input text radio check select 操作 - www.



dd

ff
55

jgdg
jgdg



d
g






fgfooHello





    
 
 

您可能感兴趣的文章:

  • jquery使用jquery.zclip插件复制对象的实例教程
  • JQuery验证特殊字符实例
  • jquery检验实例-改变错误提示信息的位置
  • textarea显示成label的样式 jquery实例
  • jQuery实现回车键(Enter)切换文本框焦点的代码实例
  • jquery修改属性值实例代码(设置属性值)
  • Jquery each方法跳出循环,并获取返回值(实例讲解)
  • jquery等宽输出文字插件的实例代码
  • jquery 回车事件的实例分享
  • jquery 获取dom固定元素 添加样式的简单实例
  • Jquery 获取元素位置序号的实例代码
  • jquery获得表单所有数据的实例分享
  • jQuery回车键事件实例代码
  • Jquery 键盘按键监听与滑动效果的实例
  • jquery实现弹出div,始终显示在屏幕正中间的简单实例
  • jquery导航固定效果实例
  • jquery 延迟执行的实例分享
  • JQuery validate日期比较实例
  • Jquery如何获取新浪天气预报?实例代码
  • jquery 网页自动播放声音实例
  • jquery 文本框回车事件 跳到下一个文本框
  • jqueryjs 选中文本框中内容的方法
  • jQuery实现textarea文本框半透明文本提示效果
  • jQuery的文本注解插件 Annotator
  • jQuery文本效果插件 Textualizer
  • jQuery的文本编辑框扩展插件 TextExt
  • jQuery文本截断插件 trunk8
  • 文本框自动变大 jQuery Elastic
  • jquery 设置文本框、密码框获得焦点时的样式
  • jQuery文本框字符限制插件 Textarea Counter
  • jQuery 文本限制插件 Stop Verbosity
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • Jquery操作html复选框checkbox:全选,全不选和反选
  • jquery下拉select控件操作方法分享(jquery操作select)
  • Cookie操作插件 jQuery.Cookie
  • jquery链式操作、链式写法的小例子
  • 利用js(jquery)操作Cookie的方法说明
  • jQuery操作select option选项(增加 删除 修改)
  • jquery常用操作小结
  • JQuery操作DOM的笔记
  • jquery链式操作的正确使用方法
  • jQuery操作select下拉框的text值和value值的方法
  • jquery加载完iframe的内容后才进行下一步操作的实现方法
  • jquery操作单选框radio的例子
  • 使用jquery实现IE下按backspace相当于返回操作
  • jquery cookie插件用法 jquery操作cookie的例子
  • 解决jquery操作checkbox火狐下第二次无法勾选问题
  • jquery操作checkbox示例分享
  • Jquery操作radio的小例子
  • jquery操作checkbox实现全选和取消全选
  • Jquery操作html标签及动态添加验证的例子
  • Jquery操作radio的简单实例
  • jQuery 操作下拉列表框的代码举例
  • 通过javascript库JQuery实现页面跳转功能代码
  • jQuery鼠标动画插件 jquery-ahover
  • jQuery概述,代码举例及最新版下载
  • jQuery向导插件 Jquery Wizard Plugin
  • struts+spring+hibernate+jquery实现分页功能的几个基本类介绍(异步加载)
  • jQuery圆角插件 jQuery Corners
  • jQuery相册插件 jQuery.popeye
  • jQuery UI组件 jQuery UI
  • jQuery右键菜单插件 jQuery ContextMenu
  • jQuery分页插件 Pagination jQuery Plugin


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3