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

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

HTML DOM入力ラジオ値プロパティは、type =” radio”を持つ入力要素とvalue属性に関連付けられています。ラジオボタンの値属性の値を返すか、設定するために使用されます。

ラジオボタンのvalueプロパティは、コンテンツが表示されないだけなので、Webサイトのユーザーインターフェイスには影響しません。ただし、フォームの送信時に同じグループの複数のボタンを区別するために使用できます。

構文

以下は、-

の構文です。

値プロパティを設定します-

radioObject.value = text;

ここでは、ラジオボタンの値を指定するためにテキストが使用されています。

例

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

<!DOCTYPE html>
<html>
<body>
<h1>Input radio Value property</h1>
<form>
FRUIT:
<input type="radio" name="fruits" id="BTN1" value="Mango" >Mango
<br>
</form>
<p>Get the above element value by clicking the below button</p>
<button type=”button” onclick="getValue()">Get Value</button>
<p id="Sample"></p>
<script>
   function getValue() {
      var t = document.getElementById("BTN1").value;
      document.getElementById("Sample").innerHTML = "The value for the radio button is : "+t;
   }
</script>
</body>
</html>

出力

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

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

「値を取得」ボタンをクリックすると-

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

上記の例では-

最初に、type =” radio”、name =” fruits”、id =” BTN1”、値“ Mango” −

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

次に、ユーザーがクリックするとradioType（）メソッドを実行する「GETType」ボタンを作成しました-

<button type=”button” onclick="radioType()">GET Type</button>

getValue（）メソッドは、getElementById（）メソッドを使用して入力要素を取得し、その「value」属性値を変数tに割り当てます。ラジオボタンにvalue属性が指定されていない場合は、空のスティングが返されます。この変数は、innerHTMLプロパティ-

を使用して、IDが「Sample」の段落に表示されます。 
function getValue() {
   var t = document.getElementById("PASS1").value;
   document.getElementById("Sample").innerHTML = "The value for the input field is : "+t;
}

  1. HTMLDOM入力ラジオフォームプロパティ

    HTML DOM入力ラジオフォームプロパティは、指定された入力ラジオボタンを含むフォーム参照を返すために使用されます。ラジオボタンがフォームの外にある場合は、単にNULLを返します。このプロパティは読み取り専用です。 構文 以下は、入力無線フォームプロパティの構文です- radioObject.form 例 Inputradioformプロパティの例を見てみましょう。 <!DOCTYPE html> <html> <body> <h1>Input radio form Property</h1> <form id="

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

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