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

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

HTML DOM入力ラジオタイププロパティは、type =” radio”を持つ入力要素に関連付けられています。入力無線要素に対して常に無線を返します。

構文

無線タイププロパティの構文は次のとおりです-

radioObject.type

例

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

<!DOCTYPE html>
<html>
<body>
<h1>Input radio type Property</h1>
<form>
FRUIT:
<input type="radio" name="fruits" id="Mango">Mango
<br>
</form>
<p>Get the above input element type by clicking the below button</p>
<button type="button" onclick="radioType()">GET Type</button>
<p id="Sample"></p>
<script>
   function radioType() {
      var P=document.getElementById("Mango").type;
      document.getElementById("Sample").innerHTML = "The type for the input field is: "+P ;
   }
</script>
</body>
</html>

出力

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

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

GETTypeボタンをクリックすると-

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

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

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

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

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

radioType（）メソッドは、getElementById（）メソッドを使用して入力要素を取得し、そのタイプ属性値を変数Pに割り当てます。この変数は、innerHTMLプロパティ-

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

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

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

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

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