如何抓取页面中的复选框/单选/文本输入并检测对其原始值的更改？

// 获取复选框、单选按钮和文本输入框元素
var checkbox = document.getElementById("checkbox");
var radio = document.getElementById("radio");
var input = document.getElementById("input");

// 获取原始值
var checkboxOriginalValue = checkbox.checked;
var radioOriginalValue = radio.checked;
var inputOriginalValue = input.value;

// 监听事件
checkbox.addEventListener("change", function() {
  // 检测值的更改
  if (checkbox.checked !== checkboxOriginalValue) {
    console.log("复选框的值已更改");
  }
});

radio.addEventListener("change", function() {
  // 检测值的更改
  if (radio.checked !== radioOriginalValue) {
    console.log("单选按钮的值已更改");
  }
});

input.addEventListener("input", function() {
  // 检测值的更改
  if (input.value !== inputOriginalValue) {
    console.log("文本输入框的值已更改");
  }
});