卡卡網(wǎng)

本文介紹使用jQuery在單擊按鈕后更改按鈕文字的方法。你可能需要此信息通知用戶已單擊該按鈕。例如，當(dāng)單擊“提交”按鈕時(shí)，您可以將按鈕文字更改為“提交”，即“提交”。當(dāng)處理請(qǐng)求時(shí)，文字可能會(huì)再次更改，它會(huì)說“已提交”。

jQuery實(shí)例：單擊按鈕后更改按鈕文字

HTML代碼

示例HTML是一個(gè)按鈕（button）代碼，默認(rèn)文字是“提交”。

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

jQuery代碼

jQuery代碼實(shí)現(xiàn)當(dāng)點(diǎn)擊按鈕后，按鈕文字變成“正在提交...”，稍等片刻，按鈕文字變成“已提交！”，同時(shí)按鈕變成灰色不可再點(diǎn)擊，jQuery如何讓按鈕、div等標(biāo)簽disabled（禁用/不可點(diǎn)擊）。

$(document).ready(function(){
  $("#btnSubmit").click(function(){
    $(this).val("正在提交...");
    setTimeout(function(){
      $("#btnSubmit").val("已提交！");
      //按鈕變成不可點(diǎn)擊
      $("#btnSubmit").attr("disabled", "disabled");
    },2000);
  });
});

jQuery實(shí)現(xiàn)代碼其實(shí)很簡單，只用了jQuery的val()方法。

execcodegetcode

知識(shí)延伸：jQuery 屬性操作 - val() 方法

定義和用法

val() 方法返回或設(shè)置被選元素的值。

元素的值是通過 value 屬性設(shè)置的。該方法大多用于 input 元素。

如果該方法未設(shè)置參數(shù)，則返回被選元素的當(dāng)前值。

語法

$(selector).val(value)

返回 Value 屬性

返回第一個(gè)匹配元素的 value 屬性的值。

語法

$(selector).val()

設(shè)置 Value 屬性的值

$(selector).val(value)

trying >>

使用函數(shù)設(shè)置 Value 屬性的值

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

trying >>

你可能對(duì)以下文章也感興趣

• jQuery為動(dòng)態(tài)按鈕、div、tr添加點(diǎn)擊(click)事件

標(biāo)簽: button  val方法