u-view 复选框保持选中状态

如果你想要保持复选框的选中状态，可以通过以下两种方式实现：

1. 使用本地存储：在复选框的 `change` 事件中，将选中状态存储到本地，当页面重新加载时，从本地读取状态并将复选框设置为选中状态。示例代码如下：

// 获取复选框元素
const checkbox = document.querySelector('#checkbox');

// 检查本地存储中是否保存了状态
if (localStorage.getItem('isChecked') === 'true') {
  checkbox.checked = true;
}

// 监听复选框的 change 事件
checkbox.addEventListener('change', function() {
  // 将选中状态保存到本地存储中
  localStorage.setItem('isChecked', this.checked);
});

2. 使用 URL 参数：在复选框的 `change` 事件中，将选中状态作为 URL 参数传递，当页面重新加载时，从 URL 参数中读取状态并将复选框设置为选中状态。示例代码如下：

// 获取复选框元素
const checkbox = document.querySelector('#checkbox');

// 检查 URL 参数中是否包含 isChecked 参数
const urlParams = new URLSearchParams(window.location.search);
if (urlParams.has('isChecked')) {
  const isChecked = urlParams.get('isChecked') === 'true';
  checkbox.checked = isChecked;
}

// 监听复选框的 change 事件
checkbox.addEventListener('change', function() {
  // 将选中状态作为 URL 参数传递
  const isChecked = this.checked;
  const url = new URL(window.location);
  url.searchParams.set('isChecked', isChecked);
  window.history.replaceState(null, '', url);
});

以上两种方式都可以实现复选框的选中状态保持，具体选择哪种方式可以根据实际需求来决定。