如何在html中将选择成本计算器更改为checkbox

<select id="calculator">
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
  <option value="option3">Option 3</option>
</select>

<input type="checkbox" id="calculator">
<label for="calculator">选择成本计算器</label>

var calculatorCheckbox = document.getElementById("calculator");

calculatorCheckbox.addEventListener("change", function() {
  if (calculatorCheckbox.checked) {
    // 执行选择成本计算器被选中时的操作
    // 可以是显示计算器界面、加载计算器相关资源等
  } else {
    // 执行选择成本计算器未被选中时的操作
    // 可以是隐藏计算器界面、卸载计算器相关资源等
  }
});