如何在单击按钮时将所有其他布尔值切换为false

// 定义存储布尔值的数组
var boolValues = [true, false, true, false];

// 按钮单击事件处理函数
function onButtonClick() {
  // 获取当前按钮的索引
  var buttonIndex = parseInt(this.getAttribute('data-index'));
  
  // 遍历数组，将除了当前按钮索引对应的布尔值之外的所有布尔值设为false
  boolValues.forEach(function(value, index) {
    if (index !== buttonIndex) {
      boolValues[index] = false;
    }
  });
  
  // 更新界面元素，例如修改按钮样式
  updateButtonStyles();
}

// 更新按钮样式的函数
function updateButtonStyles() {
  // 根据布尔值数组的值来更新按钮的样式
  boolValues.forEach(function(value, index) {
    // 模拟更新按钮样式的操作
    var button = document.getElementById('button' + index);
    if (value) {
      button.style.backgroundColor = 'green';
    } else {
      button.style.backgroundColor = 'gray';
    }
  });
}

// 绑定按钮的单击事件
var buttons = document.getElementsByClassName('my-button');
Array.prototype.forEach.call(buttons, function(button, index) {
  button.addEventListener('click', onButtonClick);
  button.setAttribute('data-index', index);
});