如何将从跨度减去的值保存到cookie，直到取消选中复选框为止

从跨度减去的值保存到cookie，直到取消选中复选框为止，可以通过以下步骤实现：

1. 首先，需要在前端页面中使用JavaScript来监听复选框的状态变化。可以通过添加一个事件监听器来实现，当复选框状态改变时触发相应的函数。
2. 在事件处理函数中，可以使用JavaScript的Document对象的cookie属性来操作cookie。可以通过设置cookie的值来保存从跨度减去的值。
3. 在设置cookie时，可以使用JavaScript的Date对象来设置cookie的过期时间。可以将过期时间设置为一个较长的时间，以确保cookie在取消选中复选框之前一直存在。
4. 当取消选中复选框时，可以再次使用JavaScript的Document对象的cookie属性来删除cookie。可以通过将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的效果。

请注意，以上代码仅为示例，实际应用中可能需要根据具体情况进行适当的修改和调整。