如果有验证，如何阻止单选按钮被选中

document.getElementById("radioButton").addEventListener("click", function() {
  if (/* 验证条件 */) {
    this.checked = false; // 取消选中
  }
});

<input type="radio" name="radioButton" value="option1" required> Option 1
<input type="radio" name="radioButton" value="option2" required> Option 2

<style>
  .disabled-radio {
    pointer-events: none; // 禁用鼠标事件
    opacity: 0.5; // 设置透明度
  }
</style>

<input type="radio" name="radioButton" value="option1" class="disabled-radio"> Option 1
<input type="radio" name="radioButton" value="option2" class="disabled-radio"> Option 2