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

HTMLDOM入力チェックボックス名プロパティ

HTML DOM入力チェックボックスのnameプロパティは、入力チェックボックスのname属性の値である文字列を返します。ユーザーはそれを新しい文字列に設定することもできます。

構文

以下は構文です-

  • 文字列値を返す
inputCheckboxObject.name
  • 名前の設定 文字列値の属性
inputCheckboxObject.name = ‘String’

例

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

<!DOCTYPE html>
<html>
<head>
<title>Name Attribute of Checkbox</title>
</head>
<body>
<form id="Form">
<div>
Enable new name: <input id="formID" type="checkbox" name="formID">
</div>
</form>
<button onclick="getFormID()">Change Name Attribute</button>
<div id="nameAttr"></div>
<script>
   function getFormID(){
      var oldNameAttr = document.getElementById("formID");
      var newNameAttr = document.getElementById("nameAttr");
      if(oldNameAttr.checked == true){
         oldNameAttr.name = 'newFormID';
         newNameAttr.textContent = 'Updated value of name attribute: '+oldNameAttr.name;
      } else {
         newNameAttr.textContent = 'Check the checkbox'+ ', current value of name attribute: '+oldNameAttr.name ;
      }
   }
</script>
</body>
</html>

出力

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

[新しい名前を有効にする]を確認する前に チェックボックス-

HTMLDOM入力チェックボックス名プロパティ

[新しい名前を有効にする]をオンにした後 チェックボックス-

HTMLDOM入力チェックボックス名プロパティ


  1. HTMLDOM入力週名プロパティ

    名前属性が入力週に定義されている場合、HTMLDOM入力週の名前プロパティは文字列を返します。ユーザーはそれを新しい文字列に設定することもできます。 構文 以下は構文です- 文字列値を返す inputWeekObject.name 名前属性を文字列値に設定する inputWeekObject.name = ‘String’ 例 入力週の名前の例を見てみましょう プロパティ- <!DOCTYPE html> <html> <head> <title>Input Week name</title> &l

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

    HTML DOM入力パスワード名プロパティは、入力パスワードフィールドの名前属性を設定または返すために使用されます。 name属性は、サーバーに送信された後のフォームデータを識別するのに役立ちます。 JavaScriptは、name属性を使用して、後で操作するフォーム要素を参照することもできます。 構文 以下は、-の構文です。 名前プロパティの設定- passwordObject.name = name ここで、nameはパスワードフィールド名を指定するためのものです。 例 パスワード名プロパティの例を見てみましょう- <!DOCTYPE html> <html>