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();運行效果如下圖所示：