從數組中填充li元素刪除重復項並在選中時添加值：false（開/關按鈕）

Question

結果是我的名單每次調用此函數時都會變大。 我知道我非常接近解決我的問題，但這些天我真的很緊張。 任何幫助或評論將不勝感激。

function devicesoff() {
var devices = document.querySelectorAll("[id^='device_']");

for (var i = 0; i < devices.length; i++) {

    if (devices[i].checked === false) {

        var ele = devices[i].name;

        var para = document.getElementById("p");
        var list = document.createElement("li");


        var t = document.createTextNode(ele + "\n");

        list.appendChild(t);
        para.appendChild(list);

    }

}

Answer 1

首先清除舊設備，然后添加新設備。

 function devicesOff() { var devices = document.querySelectorAll("[id^='device_']"); var para = document.getElementById("p"); para.innerHTML = ""; // clear old devices first // add new ones for (var i = 0; i < devices.length; i++) { if (devices[i].checked === false) { var ele = devices[i].name; var list = document.createElement("li"); var t = document.createTextNode(ele + "\\n"); list.appendChild(t); para.appendChild(list); } } } 

 <input type="checkbox" id="device_1" name="device_1" /> <input type="checkbox" id="device_2" name="device_2" /> <input type="checkbox" id="device_3" name="device_3" /> <input type="button" value="devicesOff" onclick="devicesOff()" /> <ul id="p"> </ul>