使用JavaScript删除带有按钮的Cookie

我已经为此苦恼了好几天了，我只是筋疲力尽，需要指导。我是JavaScript新手，所以我提前道歉。我的目标是从表单中获取3个输入，并将它们保存到cookie中。以下是html表单部分：

<form name="userData" action="">

        <fieldset align="center">
            <legend align="center">Create a User Account</legend>

            <label>First Name: </label>
            <span>
                <input type="text" size="25" name="field1">
            </span>

            <label>Password: </label>
            <span>
                <input type="text" size="25" name="field2">
            </span>

            <label>Email: </label>
            <span>
                <input type="text" size="25" name="field3">
            </span>
        </fieldset>
    </form>
</div>  

<div align="center">
    <input type="submit" value="Set Cookies" onClick="setCookies();">
    <input type="submit" value="Show Cookie Data" onClick="showCookies();">
    <input type="button" value="Clear Cookies" onClick="clearCookies();">
</div>

现在，此功能与第二个按钮绑定，该按钮仅显示提交时保存的cookie：

function showCookies()
{
  alert("First Name: " + cookievalue1 + "\nPassword: " + cookievalue2 + "\nEmail: " + cookievalue3)
}

第三个按钮，用来擦饼干的按钮，我不知道该怎么做。非常感谢您的指导。我的功能中只有此警报，当按下按钮且逻辑（尚未出现）执行时，应显示此警报：

function clearCookies()
{
  alert('Your Coookies Have Been Deleted')
}

---

同样，如果有人对简化有任何建议，我愿意接受。我再也看不下去了，我的眼睛像酸一样，我能感觉到我头上的头发变白了。

你可以看到所有的，你会没事的

使用JavaScript删除Cookie 删除cookie非常简单。只需将expires参数设置为 通过日期：

---

只需将cookie的expires参数设置为已通过的日期，即可删除cookie。例如：

document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 GMT";

---

w3schools有一个与您尝试做的非常相似的示例。在这里查看：。

LOL你的答案几乎是我的答案的副本呵呵

document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 GMT";

document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 GMT";