js如何更改input框的默認選中狀態
js如何更改input框的默認選中狀態?input標籤是有多種樣式的,要利用js來修改input標籤元素的默認選中狀態,就必須先弄清楚input每種樣式的選中狀態由哪個屬性決定。下面,小編就來分類給大家介紹一下
如何利用js來更改input框的默認選中狀態。
操作方法
(01)input標籤元素常見的有text、radio、checkbox、button等四種類型,接下來,小編就逐一對這四種類型的input標籤進行講解修改默認選中狀態的方法。
(02)input標籤的text類型,即文字方塊。它的默認選中狀態是未選中,我可以透過下面圖1如示的方法將以下代碼放在</body>標籤後,即可改變該input標籤的選中狀態,但爲了便於演示,我們先如圖2所示將代碼放到了“改變狀態”按鈕中,大家使用時請參照圖1方式,以下其它類型也是一樣。
(03)修改input標籤text類型的默認選中狀態,主要是透過select()方法來實現,修改選中狀態前後效果如下圖所示:
(04)input標籤的radio類型,即單選框。它的選中狀態由“checked”屬性控制,如果該屬性設定爲“checked”則選中,否則不選中。利用以下代碼即可修改它的選中狀態:lementById("myradio")ked = !(lementById("myradio")ked );其中“!”表示值取反,即原來是選中,則現在不選中;原來不選中,則現在爲選中。
(05)input標籤的checkbox類型,即複選框。複選框的選中狀態與單選框一樣,都是由checked屬性來控,所以可以用以下代碼來修改它的選中狀態:lementById("mychkbox")ked = !(lementById("mychkbox")ked );執行效果如下圖所示:
(06)input標籤的button類型,即按鈕。按鈕的選中狀態就是獲取焦點,所以我們可以使用focus()函數來使按鈕來進行選中,代碼如下:lementById("mybtn")s();執行效果如下圖所示:
-
解決TeamViewer無法按給定網絡地址聯繫夥伴
在使用TeamViewer遠程控制電腦的時候,突然出現下圖提示無法建立連接,無法按給定網絡地址聯繫夥伴。然後不管怎麼試,都彈出這個連接地址。下面是本人親身經歷和排除方法,僅供參考。操作方法(01)首先第一步就是修復一下網絡連接,開啟網絡和共享中心。(02)選擇自己使用的上...
-
金萬維動態域名教程
現如今有很多nat123、金萬維等類似的建站軟件,那麼怎麼用金萬維獲得屬於自己的動態域名呢?操作方法(01)登陸金萬維服務器端,進入配置介面,點擊配件許可證,然後點擊“點擊申請試用賬號”。(02)按提示輸入相關資訊,完成註冊。註冊完成後,一般建議勾選“啓動動態域名解析”,這...
-
怎樣使用qq空間中的共享相冊?
QQ空間個人中心裏的共享相冊主要用來與親密好友共存照片,透過它我們可以與好友進行互動,下面爲您講解一下!1、進入QQ空間的個人中心,左側列表找到共享相冊,點擊進去;2、第一次進入“親友相冊”時,彈出新手引導浮層,依次點擊“下一步”,即可看見其他功能介紹頁;...
-
windows 計劃任務未啓動
設定好的計劃任務未能按時啓動。操作方法(01)1.設定計劃任務,指定啓動時間。過了時間計劃任務腳本爲啓動執行。(02)第一種方法:在計劃任務上右鍵,“屬性”-“常規”選項中勾選“僅在登入後啓用”(03)第二種方法1、Ctrl+R鍵,執行2、選擇計算機配置---Windows設定---安全設...