HTMLでラジオボタンを無効にする方法


ラジオボタンを無効にするには、以下のようなシンプルな方法があります。

  1. disabled属性を使用する方法: ラジオボタンのinput要素にdisabled属性を追加します。例えば、以下のようになります。

    <input type="radio" name="option" value="1" disabled> Option 1

    上記のコードでは、"Option 1"というラベルが付いた無効なラジオボタンが作成されます。

  2. JavaScriptを使用する方法: JavaScriptを使用して、動的にラジオボタンを無効化することもできます。以下は、JavaScriptを使用した無効化の例です。

    <input type="radio" name="option" value="1" id="option1">
    <label for="option1">Option 1</label>
    <script>
     var radioButton = document.getElementById('option1');
     radioButton.disabled = true;
    </script>

    上記のコードでは、id属性を使用して特定のラジオボタンを取得し、disabledプロパティをtrueに設定して無効化しています。

これらの方法を使えば、HTMLのラジオボタンを簡単に無効にすることができます。必要に応じて、他の要素と組み合わせて使用することもできます。この方法を活用して、自分のウェブフォームに適した無効化の方法を見つけてください。