js设置radio不可编辑

<form>
  <input type="radio" id="option1" name="options" value="1">
  <label for="option1">Option 1</label><br>
  <input type="radio" id="option2" name="options" value="2">
  <label for="option2">Option 2</label><br>
  <input type="radio" id="option3" name="options" value="3">
  <label for="option3">Option 3</label><br>
  <button type="button" onclick="disableRadios()">Disable Radios</button>
  <button type="button" onclick="enableRadios()">Enable Radios</button>
</form>

function disableRadios() {
  var radios = document.getElementsByName('options');
  for (var i = 0; i < radios.length; i++) {
    radios[i].disabled = true;
  }
}

function enableRadios() {
  var radios = document.getElementsByName('options');
  for (var i = 0; i < radios.length; i++) {
    radios[i].disabled = false;
  }
}