技术频道导航
HTML/CSS
.NET技术
IIS技术
PHP技术
Js/JQuery
Photoshop
Fireworks
服务器技术
操作系统
网站运营

赞助商

分类目录

赞助商

最新文章

搜索

jQuery实例:单击按钮后使用val()方法更改按钮文字

作者:admin    时间:2019-5-17 14:17:52    浏览:

本文介绍使用jQuery在单击按钮后更改按钮文字的方法。你可能需要此信息通知用户已单击该按钮。例如,当单击“提交”按钮时,您可以将按钮文字更改为“提交”,即“提交”。当处理请求时,文字可能会再次更改,它会说“已提交”。

jQuery实例:单击按钮后更改按钮文字

jQuery实例:单击按钮后更改按钮文字

HTML代码

示例HTML是一个按钮(button)代码,默认文字是“提交”。

<input type=button id="btnSubmit" value="提交">

jQuery代码

jQuery代码实现当点击按钮后,按钮文字变成“正在提交...”,稍等片刻,按钮文字变成“已提交!”,同时按钮变成灰色不可再点击,jQuery如何让按钮、div等标签disabled(禁用/不可点击)

$(document).ready(function(){
  $("#btnSubmit").click(function(){
    $(this).val("正在提交...");
    setTimeout(function(){
      $("#btnSubmit").val("已提交!");
      //按钮变成不可点击
      $("#btnSubmit").attr("disabled", "disabled");
    },2000);
  });
});

jQuery实现代码其实很简单,只用了jQuery的val()方法。

execcodegetcode

知识延伸:jQuery 属性操作 - val() 方法

定义和用法

val() 方法返回或设置被选元素的值。

元素的值是通过 value 属性设置的。该方法大多用于 input 元素。

如果该方法未设置参数,则返回被选元素的当前值。

语法

$(selector).val(value)

参数 描述
value 可选。规定被选元素的新内容。

返回 Value 属性

返回第一个匹配元素的 value 属性的值。

语法

$(selector).val()

设置 Value 属性的值

$(selector).val(value)

参数 描述
value 设置 Value 属性的值。

trying >>

使用函数设置 Value 属性的值

$(selector).val(function(index,oldvalue))

参数 描述
function(index,oldvalue) 规定返回要设置的值的函数。

index - 可选。接受选择器的 index 位置。
oldvalue - 可选。接受选择器的当前 Value 属性。

trying >>

你可能对以下文章也感兴趣

标签: button  val方法  
x
  • 站长推荐
/* 左侧显示文章内容目录 */