当前位置: 首页 > 编程笔记 >

jQuery设置和移除文本框默认值的方法

漆雕洋
2023-03-14
本文向大家介绍jQuery设置和移除文本框默认值的方法,包括了jQuery设置和移除文本框默认值的方法的使用技巧和注意事项,需要的朋友参考一下

本文实例讲述了jQuery设置和移除文本框默认值的方法。分享给大家供大家参考。具体分析如下:

开始时,文本框设定一个默认值。当光标移动到文本框时,如果文本框当前值是默认值,那么清空;离开文本框时,文本框值如果为空,那么将文本框值设置为默认值。

代码如下:

$(document).ready(function() {
  //each遍历文本框
  $(".input").each(function() {
    //保存当前文本框的值
    var vdefault = this.value;
    $(this).focus(function() {
      //获得焦点时,如果值为默认值,则设置为空
      if (this.value == vdefault) {
        this.value = "";
      }
    });
    $(this).blur(function() {
      //失去焦点时,如果值为空,则设置为默认值
      if (this.value == "") {
        this.value = vdefault;
      }
    });
  });
});

希望本文所述对大家的jQuery程序设计有所帮助。

 类似资料:
  • 在angularJs中,我有一个输入文本框,如何设置默认值?我尝试了但失败了。

  • 问题内容: 我的下拉列表中有很多选项,例如: 我需要选择在标签中有价值 的是我自己的 选项,而不是按属性。 我该如何使用jQuery? 问题答案: 如果您想为此使用jQuery,请尝试以下代码。 更新: 在Vivek发表评论后,正确指出了steven spielberg想通过其Text值选择该选项。 下面是更新的代码。 您需要使用选择器通过包含的文本进行查找。 当获取和设置属性时,jQuery p

  • 本文向大家介绍AngularJS select设置默认值的实现方法,包括了AngularJS select设置默认值的实现方法的使用技巧和注意事项,需要的朋友参考一下 AngularJS的select设置默认值 在使用Angular时候使用select标签时会遇到绑定数据指定默认显示值可这样实现 当我们选择类型是03时则默认是会议 感谢阅读,希望能帮助到大家,谢谢大家对本站的支持,如有疑问请留言或

  • 行动时刻 - 设置变量的默认值 我们并不总是确定变量是否存在。 Unlang为我们提供了语法,以便在变量不存在时指定默认值。 我们将再次通过修改上一个练习来证明这一点。 我们将使用radtest首先在请求中包含Framed-Protocol = PPP,并将其排除在外。 如果Framed-Protocol AVP不存在,我们将返回一个默认字符串。 编辑FreeRADIUS配置目录下的sites-a

  • 本文向大家介绍vue2.0 下拉框默认标题设置方法,包括了vue2.0 下拉框默认标题设置方法的使用技巧和注意事项,需要的朋友参考一下 昨天到今天,用vue2.0在写一个性别选择框,一给option添加seledted属性就报错这里 下面是报错的代码 selected 已经绑定在<select></select> 上了 , 你选择了哪个选项, selected 就是那个选项的value了 ,你想让

  • 本文向大家介绍使用jQuery给input标签设置默认值,包括了使用jQuery给input标签设置默认值的使用技巧和注意事项,需要的朋友参考一下 由于项目需求,简单地写了一个input默认值设置,实现给.form中所有的input设置默认值的方法。 以上就是本文的全部内容,希望能给大家一个参考,也希望大家多多支持呐喊教程。