HTML DOM 入力 Radio オブジェクト-htmlチュートリアル-php.cn

HTML DOM 入力 Radio オブジェクト

WBOY

リリース： 2023-08-30 13:45:02

転載

1120 人が閲覧しました

HTML DOM 入力ラジオオブジェクトは、タイプ「radio」の要素に関連付けられています。 createElement() メソッドと getElementById() メソッドをそれぞれ使用して、ラジオタイプの入力要素を作成し、アクセスできます。

プロパティ

以下は、入力 Radio オブジェクトのプロパティです。 p>

#23#4defaultValue#567#8RequiredTypeValue ラジオボタンの value プロパティを設定または返します。次の構文は -

Sr.No	Properties と説明
1	Autofocus ラジオボタンを自動的に取得するかどうかを設定または返します。ページにフォーカスが読み込まれます。 p>
	Selectedラジオボタンの選択状態を設定または返します
	defaultChecked選択したラジオボタンの属性のデフォルト値を返します
	ラジオボタンのデフォルト値を設定または返します。
Disable	ラジオボタンを無効にするかどうかを設定または返します p>
Form	ラジオボタンを含むフォームへの参照を返します
Name	ラジオボタンの name 属性値を設定または返します。
フォームを送信する前に無線チェックを強制するかどうかを設定または返しますボタン。 #9
	ラジオボタンのフォーム要素のタイプを返します。 #10
	構文

入力ラジオオブジェクトを作成します。

var R = document.createElement(&ldquo;INPUT");
R.setAttribute("type", "radio");

ログイン後にコピー

Example

ラジオ選択オブジェクトの入力例を見てみましょう -

ライブデモンストレーション

<!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=&rdquo;button&rdquo; onclick="createRadio()">CREATE</button>
<br><br>
Mango:
</body>
</html>

ログイン後にコピー

出力

これは、次の出力を生成します。 −

[作成] ボタンをクリックします。 −

HTML DOM Input Radio 对象

上記の例では、-

we CREATE という名前のボタンが作成され、ユーザーがクリックすると、createRadio() メソッドが実行されます。 - HTML DOM Input Radio 对象

<button type=&rdquo;button&rdquo; onclick="createRadio()">CREATE</button>

ログイン後にコピー

createRadio() メソッドは、ドキュメントオブジェクトの createElement() メソッドを使用して、次のように作成します。 "INPUT" をパラメータ

要素として渡します。新しく作成された入力要素は変数 R に割り当てられ、setAttribute() メソッドを使用して、値ラジオを持つ type 属性を作成します。

setAttribute() は属性を作成し、その属性が以前に存在しなかった場合は値を割り当てます。最後に、ドキュメント本体の appendChild() メソッドを使用して、タイプ radio の入力要素を本体の子要素として追加します -

function createPASS() {
   var R = document.createElement("INPUT");
   R.setAttribute("type", "Radio");
   document.body.appendChild(R);
}

ログイン後にコピー

以上がHTML DOM 入力 Radio オブジェクトの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

HTML DOM 入力 Radio オブジェクト

プロパティ

var R = document.createElement(&ldquo;INPUT"); R.setAttribute("type", "radio");ログイン後にコピー

var R = document.createElement(“INPUT"); R.setAttribute("type", "radio");
ログイン後にコピー