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

HTMLDOM入力チェックボックスが必要ですプロパティ

Input Checkbox requiredプロパティは、InputCheckboxがチェックする必要があるかどうかを決定します。

構文

以下は構文です-

  • ブール値を返す-true/false 
inputCheckboxObject.required
  • booleanValueに必要な設定
inputCheckboxObject.required = booleanValue

ブール値

ここで、「booleanValue」は次のようになります-

booleanValue 詳細
true フォームを送信するには、チェックボックスをオンにする必要があることを定義しています。
false これはデフォルト値であり、チェックは必須ではありません。

例

必要な入力チェックボックスの例を見てみましょう プロパティ-

<!DOCTYPE html>
<html>
<head>
<title>Required Attribute of Checkbox</title>
</head>
<body>
<form id="Form">
<div>
Check me ! I am required: <input id="formCheckbox" type="checkbox" name="formCheckbox" required>
</div>
</form>
<button onclick="getRequiredStatus()">Check if form is submittable</button>
<div id="displayDiv"></div>
<script>
   function getRequiredStatus(){
      var requiredBool = document.getElementById("formCheckbox");
      var displayDiv = document.getElementById("displayDiv");
      if(requiredBool.required == false || (requiredBool.required == true && requiredBool.checked == true)){
         displayDiv.textContent = 'Required attribute of checkbox: '+requiredBool.required + ', form is submittable ';
      } else {
         displayDiv.textContent = 'Check the checkbox'+ ', current value of required attribute: '+requiredBool.required ;
      }
   }
</script>
</body>
</html>

出力

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

[フォームが送信可能かどうかを確認する]をクリックします チェックボックスがオフになっているボタン-

HTMLDOM入力チェックボックスが必要ですプロパティ

[フォームが送信可能かどうかを確認する]をクリックした後 チェックボックスがオンになっている’ボタン-

HTMLDOM入力チェックボックスが必要ですプロパティ


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

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

  2. HTMLDOM入力パスワード必須プロパティ

    HTML DOM入力パスワードrequiredプロパティは、要素のrequired属性に関連付けられています。必須プロパティは、フォームがサーバーに送信される前にパスワードフィールドに入力する必要があるかどうかを設定し、返すために使用されます。これにより、ユーザーが必須属性のパスワードフィールドを空のままにした場合、フォームを送信できなくなります。 構文 以下は、-の構文です。 必要なプロパティの設定- textObject.required = true|false ここで、trueはテキストフィールドに入力する必要があることを表し、falseはフォームを送信する前にフィールドに入力す