在使用jQuery開發(fā)網(wǎng)頁時(shí),經(jīng)常需要設(shè)置按鈕在一定條件下置灰不可用,避免用戶重復(fù)提交或者進(jìn)行無效操作。以下是使用jQuery設(shè)置按鈕置灰的方法。
// 獲取需要置灰的按鈕 var $btn = $("#btn"); // 設(shè)置按鈕禁用狀態(tài) $btn.attr("disabled", true); // 設(shè)置按鈕樣式 $btn.css({ "background-color": "#999", "cursor": "not-allowed" });
以上代碼將目標(biāo)按鈕設(shè)置為禁用狀態(tài),即其不可用。同時(shí),為了更好地提示用戶,還可以設(shè)置按鈕的樣式,如改變背景色、鼠標(biāo)樣式等。
如果需要重新啟用按鈕,可以使用以下代碼:
$btn.attr("disabled", false); $btn.css({ "background-color": "default", "cursor": "pointer" });
以上代碼將按鈕的禁用狀態(tài)取消,并還原其原本樣式,使得按鈕可以再次使用。
總之,在開發(fā)中,需要合理使用按鈕禁用功能,提高用戶體驗(yàn)。
上一篇dd和div