在網(wǎng)頁開發(fā)中,我們經(jīng)常需要對按鈕進行禁用操作,比如表單提交時,需要禁用提交按鈕避免用戶重復(fù)提交。而使用 jQuery 來實現(xiàn)禁用按鈕操作,是一種簡單快捷的方法。
$('button').click(function() { $(this).prop('disabled', true); });
使用以上代碼,當(dāng)用戶點擊按鈕時,按鈕即被禁用,無法再次點擊。而如果需要啟用按鈕,可以使用以下代碼:
$('button').prop('disabled', false);
按鈕禁用操作還可以與其他操作進行組合,比如在請求服務(wù)器數(shù)據(jù)時,需要先禁用按鈕,等數(shù)據(jù)請求完成后再啟用:
$('button').click(function() { $(this).prop('disabled', true); // 請求服務(wù)器數(shù)據(jù) $.ajax({ url: 'http://example.com/api/data', success: function(data) { // 處理數(shù)據(jù) }, complete: function() { $('button').prop('disabled', false); } }); });
以上代碼中,在請求服務(wù)器數(shù)據(jù)時,先禁用按鈕,等數(shù)據(jù)請求完成后再啟用。這樣可以避免用戶在數(shù)據(jù)請求未完成時,再次點擊按鈕造成錯誤。
上一篇mysql三種連接方式
下一篇右下陰影 css