js 菜单标记刷新

<ul id="menuList">
  <li data-id="1"><input type="checkbox" class="menu-checkbox"> 菜单项1</li>
  <li data-id="2"><input type="checkbox" class="menu-checkbox"> 菜单项2</li>
  <li data-id="3"><input type="checkbox" class="menu-checkbox"> 菜单项3</li>
</ul>

function refreshMenuMarkers() {
  // 假设我们有一个数组来存储菜单项的状态
  const menuStates = getMenuStatesFromSomewhere(); // 这个函数需要你自己实现，用于获取菜单项的状态
  
  // 获取所有的菜单复选框
  const checkboxes = document.querySelectorAll('.menu-checkbox');
  
  // 遍历复选框，并根据菜单状态设置它们的checked属性
  checkboxes.forEach(checkbox => {
    const menuItemId = checkbox.parentElement.getAttribute('data-id');
    checkbox.checked = menuStates[menuItemId] || false;
  });
}

// 假设在某个操作后需要刷新菜单标记
document.getElementById('someButton').addEventListener('click', () => {
  // 执行某些操作...
  
  // 刷新菜单标记
  refreshMenuMarkers();
});