問題描述

現在我需要填寫一個網頁問卷，里面全部都是單選框。
作為一個有想法的前端的人員，我想通過JS代碼去幫我填寫

此文章僅供學習，請勿用于其他用途

實現過程

獲取單選框結點

通過觀察頁面，我發現所有的單選框都在包裹在無序列表ul的li下的，class名稱為item

直接開始嘗試獲取DOM結點

document.getElementsByClassName('item')

總共170道題目，打印出來的數組為340長度

很自然的知道了，我們獲取到的是所有的單選框

賦值單選框

下一步，我們對獲取到的數組進行賦值
首先嘗試第一個……

經過不斷的嘗試，我終于找到了實現方法
在我獲取到item結點后，我發現我并不能對Input的值進行修改，于是我繼續獲取子節點，直到獲取到input的結點

---

數組操作

在完成單個編寫，知道全部邏輯后，開始進行數組操作

大致思路

• 首先，獲取全部結點
• 以數組的長度循環（從0開始，i+=2）
  • 因為只需要第一個選擇感興趣即可

// 獲取全部數組 const data = document.getElementsByClassName('item');for(let i = 0 ; i < data.length ; i += 2){data[i].childNodes[1].childNodes[0].checked=true }

實現效果

---

當然，在完成基本功能后，可以嘗試對功能進行增強
比如說，有些問卷中不能全部選擇同一個，可以進行分組，然后用隨機數進行賦值checked

總結

以上是生活随笔為你收集整理的JS实现自动填写问卷【JS小工具】的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。