jquery實現的點選按鈕改變可用狀態和顯示文字程式碼
在實際應用匯總,可能大家見過這樣的效果。
當點選一個按鈕之後,按鈕就會被設定為不可用的狀態,並且按鈕的上的顯示文字也會改變。
下面就通過例項程式碼介紹一下如何實現此功能。
程式碼如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("form").submit(function(){ $("#buttonid").val("螞蟻部落"); $("#buttonid").attr("disabled", "disabled"); }); }) </script> </head> <body> <form method="get" action="" target="box"> <input id="buttonid" type="submit" value="提交" /> </form> </body> </html>
相關文章
- jQuery 點選按鈕改變可用狀態和顯示文字jQuery
- 點選按鈕實現隱藏和顯示的切換程式碼
- jquery點選按鈕顯示和隱藏DIvjQuery
- jQuery點選按鈕實現div的隱藏和顯示切換效果jQuery
- 點選按鈕實現div的顯示和隱藏
- 點選按鈕實現狀態切換效果
- javascript動態改變單選按鈕radio的選中狀態JavaScript
- jQuery實現動態設定按鈕是否可用jQuery
- 選中按鈕改變文字大小和顏色
- 點選按鈕顯示或者隱藏元素例項程式碼
- 點選按鈕動畫方式隱藏和顯示div動畫
- 點選按鈕複製文字框文字程式碼例項
- jQuery實現的點選元素隱藏和顯示jQuery
- 點選按鈕之後將其設定為不可用狀態
- JavaScript 點選一個按鈕 div的隱藏和顯示JavaScript
- JavaScript點選一個按鈕隱藏和顯示divJavaScript
- 點選按鈕實現文字放大和縮小功能
- 點選按鈕實現文字框數字增加或者減少程式碼例項
- jquery實現的按鈕點選後60秒後才能夠再點選jQuery
- element ui switch開關 點選按鈕後,彈窗確認再改變開關狀態UI
- jQuery實現簡單點選隱藏和點選顯示列表的功能jQuery
- 點選同一按鈕實現div的隱藏與顯示切換
- jQuery實現的按鈕可用倒數計時效果jQuery
- jQuery操作單選按鈕程式碼示例jQuery
- jquery使用一個按鈕實現控制元素的顯示與隱藏jQuery
- CSS改變文字選中狀態下的顏色CSS
- 直播app系統原始碼,canvas上放置按鈕並實現點選之後全屏顯示APP原始碼Canvas
- 點選回車實現按鈕點選功能
- JS實現點選引數皮膚按鈕顯示或隱藏資料JS
- 點選按鈕實現隱藏一個元素程式碼例項
- 點選實現顯示密碼效果程式碼例項密碼
- vue-button設定按鈕是否可點選狀態Vue
- 點選同一按鈕顯示隱藏切換
- 點選按鈕拷貝複製元素內文字程式碼例項
- jquery控制按鈕的禁用與可用jQuery
- jQuery點選按鈕刪除div元素jQuery
- jQuery點選顯示彈出層例項程式碼jQuery
- c# winform之單選鈕2狀態變換程式碼C#ORM