技術頻道導航
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方法  
  • IT熱文
  • 站長推薦
财神捕鱼128 甘肃快三规律 埃及宝藏推币机秘籍 极速时时4个号公式 功夫万条筒 农场小游戏 必赢客pk10计划软件 街机奔驰宝马大满贯版 天津时时彩 赛车计划软件哪个好 mcy怎么赚钱