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
- 選中按鈕改變文字大小和顏色
- javascript動態改變單選按鈕radio的選中狀態JavaScript
- jQuery點選按鈕實現div的隱藏和顯示切換效果jQuery
- 點選按鈕動畫方式隱藏和顯示div動畫
- 點選按鈕之後將其設定為不可用狀態
- 點選按鈕實現div的顯示和隱藏
- JavaScript點選一個按鈕隱藏和顯示divJavaScript
- 點選按鈕實現狀態切換效果
- element ui switch開關 點選按鈕後,彈窗確認再改變開關狀態UI
- JavaScript 點選一個按鈕 div的隱藏和顯示JavaScript
- jQuery實現動態設定按鈕是否可用jQuery
- vue-button設定按鈕是否可點選狀態Vue
- CSS改變文字選中狀態下的顏色CSS
- 點選按鈕實現隱藏和顯示的切換程式碼
- 點選同一按鈕顯示隱藏切換
- jQuery點選按鈕刪除div元素jQuery
- 點選按鈕顯示或者隱藏元素例項程式碼
- 快速搭建直播平臺,點選按鈕(Button)後改變顏色
- jquery判斷按鈕是否被點選過jQuery
- jquery如何讓按鈕不可用jQuery
- jquery控制按鈕的禁用與可用jQuery
- 點選按鈕複製文字框文字程式碼例項
- JavaScript練習題目(1)按鈕改變文字域值JavaScript
- 窗體(文字框,按鈕,單選按鈕,標籤)
- RadioButton文字按鈕間距設定,按鈕在文字右端顯示,RadioButton 右端對齊
- 表單提交後設定提交按鈕不可用狀態
- 點選日曆顯示日期jqueryjQuery
- 動態改變actionbar的menu選單MenuItem的顯示UI
- 點選按鈕實現文字放大和縮小功能
- Dcat Admin 修改全域性行操作按鈕顯示方式為文字+圖示
- jQuery實現的點選元素隱藏和顯示jQuery
- 透過單選按鈕控制編輯框的狀態
- jquery實現的按鈕點選後60秒後才能夠再點選jQuery
- element ui 解除禁用按鈕狀態UI
- JS實現點選引數皮膚按鈕顯示或隱藏資料JS
- 點選同一按鈕實現div的隱藏與顯示切換