如何在没有单选按钮的情况下创建一组单选按钮？

<input type="checkbox" class="radio" name="option" value="option1"> Option 1
<input type="checkbox" class="radio" name="option" value="option2"> Option 2
<input type="checkbox" class="radio" name="option" value="option3"> Option 3

const radios = document.querySelectorAll('.radio');
radios.forEach(radio => {
  radio.addEventListener('click', function() {
    if (this.checked) {
      radios.forEach(otherRadio => {
        if (otherRadio !== this) {
          otherRadio.checked = false;
        }
      });
    }
  });
});

<input type="radio" id="option1" name="option" value="option1" hidden>
<label for="option1" class="radio-label">Option 1</label>
<input type="radio" id="option2" name="option" value="option2" hidden>
<label for="option2" class="radio-label">Option 2</label>
<input type="radio" id="option3" name="option" value="option3" hidden>
<label for="option3" class="radio-label">Option 3</label>

.radio-label {
  display: inline-block;
  padding: 5px 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  cursor: pointer;
}

input[type="radio"]:checked + label {
  background-color: #ccc;
}