选中不同复选框时更改滑块

<input type="range" id="slider" min="0" max="100" value="50">
<input type="checkbox" id="checkbox1" onchange="updateSlider()">
<input type="checkbox" id="checkbox2" onchange="updateSlider()">
<input type="checkbox" id="checkbox3" onchange="updateSlider()">

function updateSlider() {
  var slider = document.getElementById("slider");
  var checkbox1 = document.getElementById("checkbox1");
  var checkbox2 = document.getElementById("checkbox2");
  var checkbox3 = document.getElementById("checkbox3");

  if (checkbox1.checked) {
    // 根据复选框1的状态更新滑块的值
    slider.value = 25;
  } else if (checkbox2.checked) {
    // 根据复选框2的状态更新滑块的值
    slider.value = 50;
  } else if (checkbox3.checked) {
    // 根据复选框3的状态更新滑块的值
    slider.value = 75;
  } else {
    // 如果没有复选框被选中，则滑块的值为默认值
    slider.value = 50;
  }
}