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

HTMLDOM入力無線名プロパティ

HTML DOM入力無線名プロパティは、入力無線フィールドのname属性を設定または返すために使用されます。 name属性は、サーバーに送信された後のフォームデータを識別するのに役立ちます。 JavaScriptは、name属性を使用して、後で操作するフォーム要素を参照することもできます。

構文

以下は、-

の構文です。

nameプロパティを設定します。

radioObject.name = name

ここでの名前は、ラジオボタンの名前を指定するためのものです。

例

ラジオ名プロパティの例を見てみましょう-

<!DOCTYPE html>
<html>
<body>
<h1>Input radio name Property</h1>
<form id="FORM1">
FRUIT:
<input type="radio" name="fruits" id="Orange">Orange
</form>
<p>Change the name of the above radio button by clicking the below button</p>
<button type=”button” onclick="changeName()">CHANGE NAME</button>
<p id="Sample"></p>
<script>
   function changeName() {
      document.getElementById("Orange").name ="colors" ;
      document.getElementById("Sample").innerHTML = "Radio button name is now colors";
   }
</script>
</body>
</html>

出力

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

HTMLDOM入力無線名プロパティ

[名前の変更]ボタンをクリックすると-

HTMLDOM入力無線名プロパティ

上記の例では-

最初に、type =” radio”、name =” fruits”、id =” Orange” −

のフォーム内に入力要素を作成しました。 
<form>
FRUIT:
<input type="radio" name="fruits" id="Orange">Orange
</form>

次に、ユーザーがクリックしたときにchangeName（）メソッドを実行する[名前の変更]ボタンを作成しました-

<button type=”button” onclick="changeName()">CHANGE NAME</button>

changeName（）メソッドは、getElementById（）メソッドを使用して、radio型の入力フィールドを取得し、その名前属性値を「colors」に設定します。この変更は、IDが「Sample」の段落に反映され、そのinnerHTMLプロパティを使用して目的のテキストを表示します-

function changeName() {
   document.getElementById("Orange").name ="colors" ;
   document.getElementById("Sample").innerHTML = "Radio button name is now colors";
}

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

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

  2. HTMLDOM入力ラジオ値プロパティ

    HTML DOM入力ラジオ値プロパティは、type =” radio”を持つ入力要素とvalue属性に関連付けられています。ラジオボタンの値属性の値を返すか、設定するために使用されます。 ラジオボタンのvalueプロパティは、コンテンツが表示されないだけなので、Webサイトのユーザーインターフェイスには影響しません。ただし、フォームの送信時に同じグループの複数のボタンを区別するために使用できます。 構文 以下は、-の構文です。 値プロパティを設定します- radioObject.value = text; ここでは、ラジオボタンの値を指定するためにテキストが使用されています。 例 入