Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

JavaScriptでデフォルトでラジオボタンを選択するにはどうすればよいですか？

デフォルトでラジオボタンを選択するには、 trueとしてチェックする必要があります 。 チェックされている場合 真として デフォルトでは、自動フォーカスになります 。

次の例では、ラジオボタンのみがあり、自動フォーカスはありません。 。

例

<html>
   <form id="radiobuttons" name="radiobutton">
      <input id="rad1" value="a" type="radio" name="check"/>male
      <input id="rad2" value="b" type="radio" name="check"/>female
      <input id="rad3" value="c" type="radio" name="check"/>other
   </form>
<body>
</body>
</html>

上記のコードを実行すると、ラジオボタンが表示され、次の画像に示すように、いずれもオートフォーカスされません。

出力

JavaScriptでデフォルトでラジオボタンを選択するにはどうすればよいですか？

オートフォーカスへ 上記のボタンのいずれかを最初にチェックする必要があります。これは、次の例に示すように、純粋なJavaScriptを使用して実行できます。

例

<html>
   <form id="radiobuttons" name="radiobutton">
      <input id="rad1" value="a" type="radio" name="check"/>male
      <input id="rad2" value="b" type="radio" name="check"/>female
      <input id="rad3" value="c" type="radio" name="check"/>other
   </form>
<body>
<script>
   radiobtn = document.getElementById("rad1");
   radiobtn.checked = true;
</script>
</body>
</html>

上記のコードを実行すると、次の出力が得られます。

出力

JavaScriptでデフォルトでラジオボタンを選択するにはどうすればよいですか？


  1. ボタンクリック時にJavaScriptでdivを非表示にする方法は？

    次は私たちのdivだとしましょう- <div id="showOrHide"> Welcome in JavaScript </div> 以下は私たちのボタンです。クリックすると、上記のdivが非表示になります- <button onclick="showOrHideDiv()">Click The Button</button> JavaScriptでstyle.displayの概念を使用して、divを非表示にします。以下はコードです- 例 <!DOCTYPE html> <ht

  2. JavaScriptでボタンクリックでli要素を削除するにはどうすればよいですか？

    以下が順不同リスト（ul）であるとしましょう- <ul>    <li class="subjectName">JavaScript <button>Remove</button></li>    <br>    <li class="subjectName">MySQL <button>Remove</button></li>    <br>