Jquery設置元素不可用


開發工具與關鍵技術:SQL Server 2014與jquery

作者:戴怡斌 

撰寫時間:2019年7月7日

一般在設置頁面的時候會遇到這樣一個問題,比如當我在做一種文字遊戲頁面的時候,當我點擊刷新頁面的時候,其他按鈕都要變成不可用狀態,也就是隻能看不能操作。

在jquery裏面有這樣一個方法, $(’:checkbox’).attr(‘disabled’, true);

這句代碼的意思是在你所有的checkbox複選框都會不可點擊,也就是隻能看不能操作,如果還想改變顏色的話就需要css的幫助了。

下面的我都一個個都試了一下,都可以,但只能用在單選框,複選框,按鈕,下拉框和A標籤上。
在這裏插入圖片描述
而且也只能讓這些按鈕和複選框這些,不可點擊,不能讓他們變成灰色,

還有一種方法就是利用css,css裏面有兩個屬性,配合起來剛好可以達到不可點擊和變成灰色的效果,pointer-events:none; opacity:0.2;
在這裏插入圖片描述
但是當我要設置的元素特別多的時候,就有點不現實了。

所以給他們設置了一個class的類,當我需要的時候就給他一個class。

然後在配上jquery一起使用,jquery裏面有個方法addClass,意思是添加一個已有class名稱,

所以就進行判斷,當我點擊id是Locating的時候就可以用上了
在這裏插入圖片描述
最後看一下效果圖
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章