js如何更改input框的默認選中狀態

js如何更改input框的默認選中狀態?input標籤是有多種樣式的,要利用js來修改input標籤元素的默認選中狀態,就必須先弄清楚input每種樣式的選中狀態由哪個屬性決定。下面,小編就來分類給大家介紹一下
如何利用js來更改input框的默認選中狀態。

js如何更改input框的默認選中狀態

操作方法

(01)input標籤元素常見的有text、radio、checkbox、button等四種類型,接下來,小編就逐一對這四種類型的input標籤進行講解修改默認選中狀態的方法。

js如何更改input框的默認選中狀態 第2張

(02)input標籤的text類型,即文本框。它的默認選中狀態是未選中,我可以通過下面圖1如示的方法將以下代碼放在</body>標籤後,即可改變該input標籤的選中狀態,但爲了便於演示,我們先如圖2所示將代碼放到了“改變狀態”按鈕中,大家使用時請參照圖1方式,以下其它類型也是一樣。

js如何更改input框的默認選中狀態 第3張
js如何更改input框的默認選中狀態 第4張

(03)修改input標籤text類型的默認選中狀態,主要是通過select()方法來實現,修改選中狀態前後效果如下圖所示:

js如何更改input框的默認選中狀態 第5張

(04)input標籤的radio類型,即單選框。它的選中狀態由“checked”屬性控制,如果該屬性設置爲“checked”則選中,否則不選中。利用以下代碼即可修改它的選中狀態:lementById("myradio")ked = !(lementById("myradio")ked );其中“!”表示值取反,即原來是選中,則現在不選中;原來不選中,則現在爲選中。

js如何更改input框的默認選中狀態 第6張
js如何更改input框的默認選中狀態 第7張

(05)input標籤的checkbox類型,即複選框。複選框的選中狀態與單選框一樣,都是由checked屬性來控,所以可以用以下代碼來修改它的選中狀態:lementById("mychkbox")ked = !(lementById("mychkbox")ked );運行效果如下圖所示:

js如何更改input框的默認選中狀態 第8張

(06)input標籤的button類型,即按鈕。按鈕的選中狀態就是獲取焦點,所以我們可以使用focus()函數來使按鈕來進行選中,代碼如下:lementById("mybtn")s();運行效果如下圖所示:

js如何更改input框的默認選中狀態 第9張