如何在选中复选框时保留输入值Javascript？

在选中复选框时保留输入值的方法可以通过Javascript来实现。以下是一个示例代码：

<!DOCTYPE html>
<html>
<body>

<h2>保留输入值示例</h2>

<input type="checkbox" id="myCheckbox" onclick="saveInputValue()"> 选中复选框时保留输入值<br><br>

<input type="text" id="myInput" placeholder="输入值">

<script>
function saveInputValue() {
  var checkbox = document.getElementById("myCheckbox");
  var input = document.getElementById("myInput");
  
  if (checkbox.checked) {
    // 选中复选框时，保存输入值到localStorage
    localStorage.setItem("inputValue", input.value);
  } else {
    // 取消选中复选框时，清除localStorage中的输入值
    localStorage.removeItem("inputValue");
  }
}

// 页面加载时，检查localStorage中是否有保存的输入值
window.onload = function() {
  var inputValue = localStorage.getItem("inputValue");
  var input = document.getElementById("myInput");
  
  if (inputValue) {
    // 如果有保存的输入值，则将其设置到输入框中
    input.value = inputValue;
    document.getElementById("myCheckbox").checked = true;
  }
}
</script>

</body>
</html>

这段代码实现了以下功能：