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