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

HTMLDOM入力無線に必要なプロパティ

HTML DOM入力無線必須プロパティは、要素の必須属性に関連付けられています。必要なプロパティは、フォームがサーバーに送信される前にラジオボタンをチェックする必要があるかどうかを設定および返すために使用されます。これにより、必要な属性を持つラジオボタンがユーザーによってチェックされていない場合、フォームは送信されません。

構文

以下は、-

の構文です。

必要なプロパティを設定します。

radioObject.required = true|false

ここで、trueはラジオボタンをチェックする必要があることを表し、falseはフォームを送信する前にラジオボタンをチェックするオプションを表します。

例

入力無線必須プロパティの例を見てみましょう-

<!DOCTYPE html>
<html>
<body>
<h1>Radio required property</h1>
<form style="border:solid 1px green;padding:5px" action="/Sample_page.php">
FRUIT:
<input type="radio" name="fruits" id="Mango" required>Mango
<br><br>
<input type="submit">
</form>
<button type=”button” onclick="checkReq()">CHECK</button>
<p id="Sample"></p>
<script>
   function checkReq() {
      var Req=document.getElementById("Mango").required;
      if(Req==true)
         document.getElementById("Sample").innerHTML="The radio button must be checked before
         submitting";
      else
         document.getElementById("Sample").innerHTML="The radio button is optional and can be
         left unchecked by the user";
   }
</script>
</body>
</html>

出力

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

HTMLDOM入力無線に必要なプロパティ

チェックボタンをクリックすると-

HTMLDOM入力無線に必要なプロパティ

ラジオボタンをチェックせずに「送信」ボタンをクリックすると-

HTMLDOM入力無線に必要なプロパティ

上記の例では-

最初に、IDが「Mango」、名前が「fruits」、必須属性がtrueに設定された入力ラジオボタンを作成しました。送信ボタンをクリックしたときにフォームデータを送信する場所を指定するためのaction=” Sample_page.php”を持つフォーム内に含まれるラジオボタン。フォームにはインラインスタイルも適用されています-

<form style="border:solid 1px green;padding:5px" action="/Sample_page.php">
FRUIT:
<input type="radio" name="fruits" id="Mango" required>Mango
<br><br>
<input type="submit">
</form>

次に、ユーザーがクリックしたときにcheckReq（）メソッドを実行するボタンCHECKを作成しました。

<button type=”button” onclick="checkReq()">CHECK</button>

checkReq（）メソッドは、getElementById（）メソッドを使用して、radio型の入力要素を取得し、必要なプロパティを取得します。この場合、trueを返します。返されたブール値は変数Reqに割り当てられ、戻り値がtrueかfalseかに基づいて、innerHTMLプロパティ-

を使用してIDが「Sample」の段落に適切なメッセージを表示します。 
function checkReq() {
   var Req=document.getElementById("Mango").required;
   if(Req==true)
      document.getElementById("Sample").innerHTML="The radio button must be checked before submitting";
   else
      document.getElementById("Sample").innerHTML="The radio button is optional and can be left unchecked by the user";
}

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

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

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

    HTML DOM入力ラジオdefaultCheckedプロパティは、ラジオボタンがデフォルトでチェックされているかどうかをチェックします。ラジオボタンがチェックされている場合はtrueを返し、そうでない場合はfalseを返します。 構文 以下は、RadiodefaultCheckedプロパティの構文です- radioObject.defaultChecked 例 RadiodefaultCheckedプロパティの例を見てみましょう- <!DOCTYPE html> <html> <body> <h1>Input Radio defaultCh