デフォルトでチェックされたラジオボタンの実装方法

HTMLとJavaScriptを使用して、デフォルトでチェックされたラジオボタンを作成する方法はいくつかあります。以下にいくつかの手法を示します。

1. HTMLのchecked属性を使用する方法:

   <input type="radio" name="option" value="option1" checked> オプション1
   <input type="radio" name="option" value="option2"> オプション2

   上記のコードでは、checked属性を使用して最初のラジオボタンをデフォルトでチェックされた状態にします。

2. JavaScriptを使用してラジオボタンをチェックする方法:

   <input type="radio" name="option" value="option1" id="option1"> オプション1
   <input type="radio" name="option" value="option2" id="option2"> オプション2
   <script>
    document.getElementById("option1").checked = true;
   </script>

   上記のコードでは、JavaScriptを使用して特定のラジオボタンをチェックすることができます。getElementById関数を使用して対象のラジオボタンを取得し、checkedプロパティをtrueに設定することで、デフォルトでチェックされた状態にします。

これらは一般的な方法ですが、ウェブ開発ではさまざまな方法でデフォルトでチェックされたラジオボタンを実装することができます。使用する環境や要件に応じて、最適な方法を選択してください。