ラジオボタンの読み取り専用属性を設定する方法

1. HTMLのみを使用する方法:

   <input type="radio" name="option" value="1" checked readonly> Option 1
   <input type="radio" name="option" value="2" readonly> Option 2

   上記のコードでは、readonly 属性を使用してラジオボタンを読み取り専用に設定しています。

2. JavaScriptを使用する方法:

   <input type="radio" name="option" value="1" checked> Option 1
   <input type="radio" name="option" value="2"> Option 2
   <script>
    // ラジオボタンを読み取り専用に設定する
    var radioButtons = document.getElementsByName("option");
    for (var i = 0; i < radioButtons.length; i++) {
      radioButtons[i].setAttribute("readonly", true);
    }
   </script>

   上記のコードでは、JavaScriptを使用してラジオボタンを取得し、setAttribute メソッドを使用して readonly 属性を設定しています。

これらの方法を使用すると、ラジオボタンを読み取り専用に設定することができます。選択ができないようになり、ユーザーは変更できなくなります。