ラジオボタンを無効にするには、以下のようなシンプルな方法があります。
-
disabled属性を使用する方法: ラジオボタンのinput要素に
disabled
属性を追加します。例えば、以下のようになります。<input type="radio" name="option" value="1" disabled> Option 1
上記のコードでは、"Option 1"というラベルが付いた無効なラジオボタンが作成されます。
-
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のラジオボタンを簡単に無効にすることができます。必要に応じて、他の要素と組み合わせて使用することもできます。この方法を活用して、自分のウェブフォームに適した無効化の方法を見つけてください。