从跨度减去的值保存到cookie,直到取消选中复选框为止,可以通过以下步骤实现:
下面是一个示例代码:
// 监听复选框状态变化
document.getElementById("checkbox").addEventListener("change", function() {
// 获取跨度值
var spanValue = document.getElementById("span").innerText;
// 判断复选框状态
if (this.checked) {
// 保存跨度减去的值到cookie
document.cookie = "savedValue=" + spanValue + "; expires=Fri, 31 Dec 9999 23:59:59 GMT";
} else {
// 取消选中复选框时删除cookie
document.cookie = "savedValue=; expires=Thu, 01 Jan 1970 00:00:00 GMT";
}
});
在上述代码中,假设复选框的id为"checkbox",跨度元素的id为"span"。当复选框状态改变时,会触发事件处理函数。在事件处理函数中,根据复选框的状态来保存或删除cookie。保存的cookie名称为"savedValue",值为从跨度减去的值。过期时间设置为一个较长的时间或一个过去的时间,以实现保存或删除cookie的效果。
请注意,以上代码仅为示例,实际应用中可能需要根据具体情况进行适当的修改和调整。
领取专属 10元无门槛券
手把手带您无忧上云