js如何更改input框的默認選中狀態
js若何更改input框的默認選中狀況?input標簽是有多種樣式的，要操縱js來點竄input標簽元素的默認選中狀況，就必需先弄清晰input每種樣式的選中狀況由哪個屬性決議。下面，小編就來分類給大師介紹一下若何操縱js來更改input框的默認選中狀況。
方式/步調
- 1
input標簽元素常見的有text、radio、checkbox、button等四種類型，接下來，小編就一一對這四種類型的input標簽進行講解點竄默認選中狀況的方式。
- 2
input標簽的text類型，即文本框。它的默認選中狀況是未選中，我可以經由過程下面圖1如示的方式將以下代碼放在</body>標簽后，即可改變該input標簽的選中狀況，但為了便于演示，我們先如圖2所示將代碼放到了“改變狀況”按鈕中，大師利用時請參照圖1體例，以下其它類型也是一樣。
- 3
點竄input標簽text類型的默認選中狀況，本家兒如果經由過程select()方式來實現，點竄選中狀況前后結果如下圖所示：
- 4
input標簽的radio類型，即單選框。它的選中狀況由“checked”屬性節制，若是該屬性設置為“checked”則選中，不然不選中。操縱以下代碼即可點竄它的選中狀況：
document.getElementById("myradio").checked = !(document.getElementById("myradio").checked );
此中“!”暗示值取反，即本來是選中，則此刻不選中；本來不選中，則此刻為選中。
- 5
input標簽的checkbox類型，即復選框。復選框的選中狀況與單選框一樣，都是由checked屬性來控，所以可以用以下代碼來點竄它的選中狀況：
document.getElementById("mychkbox").checked = !(document.getElementById("mychkbox").checked );
運行結果如下圖所示：
- 6
input標簽的button類型，即按鈕。按鈕的選中狀況就是獲取核心，所以我們可以利用focus()函數來使按鈕來進行選中，代碼如下：
document.getElementById("mybtn").focus();
運行結果如下圖所示：
- 發表于 2018-08-12 00:00
- 閱讀 ( 2412 )
- 分類：其他類型
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章