如何使用JavaScript读取和删除Cookie？

Question

allCookies包含我的浏览器Cookies的列表。 我想使用此函数delCookie（）删除Cookies，但它只是删除第一个Cookie，而不是其他cookie。 而我该怎么做才能更新Cookie？

<input type="button" value="DElete" onclick="delCookie()">
    <input type="button" value="Update" onclick="modCookie()">


<select multiple id="allCookies" size="5">
        <!-- Cookies content-->
    </select><br>

 function delCookie() {
    if (confirm('Are u sure?')) {
        var e = document.getElementById("allCookies");
        var strUser = e.options[e.selectedIndex].value;
        document.cookie = encodeURIComponent(strUser) + "=deleted; expires=" + new Date(0).toUTCString();
    }
}

Answer 1

它只是删除第一个Cookie，而不删除其他Cookie。

<select>元素的selectedIndex属性仅返回第一个选定选项的索引。 要检查所有的人都在一个multiple选择，你会需要遍历options集合：

var os = document.getElementById("allCookies").options;
for (var i=0; i<os.length; i++) {
    if (os[i].selected) {
        var strUser = os[i].value;
        …
    }
}

而我该怎么做才能更新Cookie？

只需覆盖cookie，即使用与创建cookie时相同的方法。