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

HTMLDOM入力ラジオdefaultCheckedプロパティ


HTML DOM入力ラジオdefaultCheckedプロパティは、ラジオボタンがデフォルトでチェックされているかどうかをチェックします。ラジオボタンがチェックされている場合はtrueを返し、そうでない場合はfalseを返します。

構文

以下は、RadiodefaultCheckedプロパティの構文です-

radioObject.defaultChecked

RadiodefaultCheckedプロパティの例を見てみましょう-

<!DOCTYPE html>
<html>
<body>
<h1>Input Radio defaultChecked property</h1>
<form>
FRUIT:
<input type="radio" name="fruits" id="Mango" checked>Mango
</form>
<br> <button type=”button” onclick="checkDefault()">CHECK</button>
<p id="Sample"></p>
<script>
   function checkDefault() {
      var c = document.getElementById("Mango").checked;
      document.getElementById("Sample").innerHTML = "The button default checked value is "+c;
   }
</script>
</body>
</html>

出力

これにより、次の出力が生成されます-

HTMLDOM入力ラジオdefaultCheckedプロパティ

チェックボタンをクリックすると-

HTMLDOM入力ラジオdefaultCheckedプロパティ

上記の例では-

最初に、type =” radio”、name =” fruits”、id =” Mango”のフォーム内に入力要素を作成し、checkedプロパティをtrueに設定しました-

<form>
FRUIT:
<input type="radio" name="fruits" id="Mango" checked>Mango
</form>

次に、ユーザーがクリックしたときにcheckDefault()メソッドを実行するCHECKボタンを作成しました-

<button type=”button” onclick="checkDefault()">CHECK</button>

checkDefault()メソッドは、getElementById()メソッドを使用して、radio型の入力要素を取得します。ラジオボタンがチェックされているので、変数cに割り当てるtrueが返されます。値は、innerHTMLプロパティを使用して、IDが「Sample」の段落に表示されます。:

function checkDefault() {
   var c = document.getElementById("Mango").checked;
   document.getElementById("Sample").innerHTML = "The button default checked value is "+c;
}

  1. HTMLDOM入力無線タイププロパティ

    HTML DOM入力ラジオタイププロパティは、type =” radio”を持つ入力要素に関連付けられています。入力無線要素に対して常に無線を返します。 構文 無線タイププロパティの構文は次のとおりです- radioObject.type 例 ラジオタイププロパティの例を見てみましょう- <!DOCTYPE html> <html> <body> <h1>Input radio type Property</h1> <form> FRUIT: <input type="radio" name=

  2. HTMLDOM入力リセット無効プロパティ

    HTML DOM入力リセット無効プロパティは、リセットボタンを無効にするかどうかを設定または返すために使用されます。ブール値を使用します。trueはリセットボタンを無効にする必要があることを表し、falseは無効にする必要があることを表します。デフォルトでは、disabledプロパティはfalseに設定されています。無効になっている要素はデフォルトでグレー表示されており、クリックできません。 構文 以下は、-の構文です。 無効なプロパティの設定- resetObject.autofocus = true|false ここで、true =リセットボタンは無効であり、false=リセットボタ