js若何更改input框的默認選中狀況?input標簽是有多種樣式的 ， 要操縱js來點竄input標簽元素的默認選中狀況 ， 就必需先弄清晰input每種樣式的選中狀況由哪個屬性決議 。 下面 ， 小編就來分類給大師介紹一下若何操縱js來更改input框的默認選中狀況 。

方式/
1input標簽元素常見的有text、radio、checkbox、button等四種類型 ， 接下來 ， 小編就一一對這四種類型的input標簽進行講解點竄默認選中狀況的方式 。




2【js如何更改input框的默認選中狀態】input標簽的text類型 ， 即文本框 。 它的默認選中狀況是未選中 ， 我可以經由過程下面圖1如示的方式將以下代碼放在</body>標簽后 ， 即可改變該input標簽的選中狀況 ， 但為了便于演示 ， 我們先如圖2所示將代碼放到了“改變狀況”按鈕中 ， 大師利用時請參照圖1體例 ， 以下其它類型也是一樣 。







3點竄input標簽text類型的默認選中狀況 ， 本家兒如果經由過程select()方式來實現 ， 點竄選中狀況前后結果如下圖所示：




4input標簽的radio類型 ， 即單選框 。 它的選中狀況由“checked”屬性節制 ， 若是該屬性設置為“checked”則選中 ， 不然不選中 。 操縱以下代碼即可點竄它的選中狀況：
document.getElementById("myradio").checked = !(document.getElementById("myradio").checked );
此中“!”暗示值取反 ， 即本來是選中 ， 則此刻不選中；本來不選中 ， 則此刻為選中 。







5input標簽的checkbox類型 ， 即復選框 。 復選框的選中狀況與單選框一樣 ， 都是由checked屬性來控 ， 所以可以用以下代碼來點竄它的選中狀況：
document.getElementById("mychkbox").checked = !(document.getElementById("mychkbox").checked );
運行結果如下圖所示：




6input標簽的button類型 ， 即按鈕 。 按鈕的選中狀況就是獲取核心 ， 所以我們可以利用focus()函數來使按鈕來進行選中 ， 代碼如下：
document.getElementById("mybtn").focus();
運行結果如下圖所示：

猜你喜歡

• iPhone手機如何隱藏和查找照片
• 如何上傳智聯賬號頭像
• 氯化鐵和二氧化硫反應 氯化鐵和二氧化硫如何反應
• 如何在iPhone或iPad上切換Apple ID
• 所有的聊天背景 如何更改微信聊天背景
• 手機屏幕如何投影到win10電腦
• 小米盒子如何查看手機云相冊
• 如何在虛擬環境中安裝Django
• 三星S9/S9+如何在筆記本電腦上實現投屏
• 如何去除input 的逗號