快捷導(dǎo)航

jQuery實(shí)現(xiàn)提交按鈕點(diǎn)擊后變成正在處理字樣并禁止點(diǎn)擊的方法

更新時(shí)間：2015年03月24日 09:57:47 作者：feiwen

這篇文章主要介紹了jQuery實(shí)現(xiàn)提交按鈕點(diǎn)擊后變成正在處理字樣并禁止點(diǎn)擊的方法,涉及jQuery中val與attr方法的使用技巧,需要的朋友可以參考下

本文實(shí)例講述了jQuery實(shí)現(xiàn)提交按鈕點(diǎn)擊后變成正在處理字樣并禁止點(diǎn)擊的方法。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下：

這里主要通過(guò)val方法設(shè)置按鈕的文字，并用attr方法修改disabled屬性實(shí)現(xiàn)該功能。

主要代碼如下:

<html>
<body>
<form method="get" action="" target="box">
<input id="buttonid" type="submit" value="提交" />
</form>
<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
<script>
$("form").submit(function() {
  $("#buttonid").val("正在處理...");
  $("#buttonid").attr("disabled", "disabled");
});
</script>
</body>
</html>

希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

jQuery 移除事件的方法
這篇文章主要介紹了jQuery 移除事件的方法，文中講解非常詳細(xì)，代碼幫助大家更好的理解和學(xué)習(xí)，感興趣的朋友可以了解下
2020-06-06
為Jquery EasyUI 組件加上清除功能的方法(詳解)
下面小編就為大家?guī)?lái)一篇為Jquery EasyUI 組件加上清除功能的方法(詳解)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-04-04
jQuery實(shí)現(xiàn)節(jié)點(diǎn)的追加、替換、刪除、復(fù)制功能示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)節(jié)點(diǎn)的追加、替換、刪除、復(fù)制功能,結(jié)合具體實(shí)例形式分析了jQuery針對(duì)DOM節(jié)點(diǎn)的操作技巧,涉及append()、prepend()、replaceAll()、replaceWith()empty()、remove()、clone()、clone()等方法的使用技巧,需要的朋友可以參考下
2017-07-07
JQuery 又談ajax局部刷新
這篇文章主要為大家詳細(xì)介紹了JQuery ajax局部刷新，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-11-11
Jquery CheckBox全選方法代碼附j(luò)s checkbox全選反選代碼
喜歡上了Jquery的簡(jiǎn)便、明了···與用JavaScript寫的比起來(lái)真的有點(diǎn)差距！
2010-06-06
jQuery源碼解讀之hasClass()方法分析
這篇文章主要介紹了jQuery源碼解讀之hasClass()方法,以注釋形式較為詳細(xì)的分析了hasClass()方法的實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-02-02
基于jquery可配置循環(huán)左右滾動(dòng)例子
基于jquery可配置循環(huán)左右滾動(dòng)例子，喜歡的朋友可以參考下。
2011-09-09
一款簡(jiǎn)單的jQuery圖片標(biāo)注效果附源碼下載
在一些電商網(wǎng)站和家居網(wǎng)站上我們會(huì)看到這樣的應(yīng)用，一張圖片中顯示多種商品，點(diǎn)擊每個(gè)商品可以彈出對(duì)應(yīng)商品的簡(jiǎn)單介紹，包括價(jià)格等等，極大的提高了用戶體驗(yàn)，今天我們通過(guò)實(shí)例給大家分享使用jQuery插件來(lái)實(shí)現(xiàn)這一效果
2016-03-03
etmvc+jQuery EasyUI+combobox多值操作實(shí)現(xiàn)角色授權(quán)實(shí)例
本篇文章主要介紹了etmvc+jQuery EasyUI+combobox多值操作實(shí)現(xiàn)角色授權(quán)，實(shí)現(xiàn)對(duì)角色role進(jìn)行授權(quán)操作，有需要的可以了解一下。
2016-11-11
關(guān)于jQuery判斷元素是否存在的問(wèn)題示例探討
這篇文章主要探討了關(guān)于jQuery判斷元素是否存在的問(wèn)題,需要的朋友可以參考下
2014-07-07