HTMLDOM入力ラジオオブジェクト
HTML DOM入力ラジオオブジェクトは、タイプ「radio」の要素に関連付けられています。 createElement（）メソッドとgetElementById（）メソッドをそれぞれ使用して、radio型の入力要素を作成してアクセスできます。
プロパティ
以下は、入力ラジオオブジェクトのプロパティです-
| Sr.No | プロパティと説明 |
|---|---|
| 1 | オートフォーカス ページが読み込まれたときにラジオボタンが自動的にフォーカスを取得するかどうかを設定または戻すには。 |
| 2 | 確認済み ラジオボタンのチェック状態を設定または戻すには。 |
| 3 | defaultChecked ラジオボタンのチェックされた属性のデフォルト値を返すには |
| 4 | defaultValue ラジオボタンのデフォルト値を設定または戻すには。 |
| 5 | 無効 ラジオボタンを無効にするかどうかを設定または返すには |
| 6 | フォーム ラジオボタンを含むフォームへの参照を返すには |
| 7 | 名前 ラジオボタンのname属性値を設定または返すこと。 |
| 8 | 必須 フォームを送信する前にラジオボタンをチェックする必要がある場合に設定または返却します。 |
| 9 | タイプ ラジオボタンのフォーム要素タイプを返します。 |
| 10 | 値 ラジオボタンのvalue属性の値を設定または返す。 |
構文
以下は、-
の構文です。入力ラジオオブジェクトを作成します。
var R = document.createElement(“INPUT");
R.setAttribute("type", "radio"); 例
入力ラジオオブジェクトの例を見てみましょう-
<!DOCTYPE html>
<html>
<head>
<script>
function createRadio() {
var R = document.createElement("INPUT");
R.setAttribute("type", "Radio");
document.body.appendChild(R);
}
</script>
</head>
<body>
<h1>Input radio object</h1>
<p>Create an input field with type radio by clicking the below button</p>
<button type=”button” onclick="createRadio()">CREATE</button>
<br><br>
Mango:
</body>
</html> 出力
これにより、次の出力が生成されます-
[作成]ボタンをクリックすると-
上記の例では-
ユーザーがクリックしたときにcreateRadio（）メソッドを実行するCREATEボタンを作成しました-
<button type=”button” onclick="createRadio()">CREATE</button>
createRadio（）メソッドは、ドキュメントオブジェクトのcreateElement（）メソッドを使用して、パラメータとして「INPUT」を渡すことにより、要素を作成します。新しく作成された入力要素は変数Rに割り当てられ、setAttribute（）メソッドを使用して、値radioを使用して型属性を作成します。
setAttribute（）は属性を作成し、属性が以前に存在しなかった場合は値を割り当てることを忘れないでください。最後に、ドキュメント本文でappendChild（）メソッドを使用して、本文の子としてradio型の入力要素を追加します-
function createPASS() {
var R = document.createElement("INPUT");
R.setAttribute("type", "Radio");
document.body.appendChild(R);
} -
HTMLDOM入力無線に必要なプロパティ
HTML DOM入力無線必須プロパティは、要素の必須属性に関連付けられています。必要なプロパティは、フォームがサーバーに送信される前にラジオボタンをチェックする必要があるかどうかを設定および返すために使用されます。これにより、必要な属性を持つラジオボタンがユーザーによってチェックされていない場合、フォームは送信されません。 構文 以下は、-の構文です。 必要なプロパティを設定します。 radioObject.required = true|false ここで、trueはラジオボタンをチェックする必要があることを表し、falseはフォームを送信する前にラジオボタンをチェックするオプションを
-
HTMLDOM入力ラジオdefaultCheckedプロパティ
HTML DOM入力ラジオdefaultCheckedプロパティは、ラジオボタンがデフォルトでチェックされているかどうかをチェックします。ラジオボタンがチェックされている場合はtrueを返し、そうでない場合はfalseを返します。 構文 以下は、RadiodefaultCheckedプロパティの構文です- radioObject.defaultChecked 例 RadiodefaultCheckedプロパティの例を見てみましょう- <!DOCTYPE html> <html> <body> <h1>Input Radio defaultCh