Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> HTML

HTML DOM Input Checkbox name Property - नाम attribute सेट/प्राप्त करें

HTML DOM Input Checkbox name Property

HTML DOM Input Checkbox name property चेकबॉक्स के name attribute का मान दर्शाने वाला string लौटाता है। उपयोगकर्ता इसे नए string मान पर सेट भी कर सकता है। name attribute फॉर्म सबमिशन में चेकबॉक्स की पहचान के लिए उपयोग किया जाता है।

Syntax

नाम प्राप्त करना:

inputCheckboxObject.name

नाम सेट करना:

inputCheckboxObject.name = 'String'

उदाहरण

चेकबॉक्स चेक होने पर उसका name attribute बदलना:

<!DOCTYPE html>
<html>
<head>
<title>Name Attribute of Checkbox</title>
</head>
<body>
<form id="Form">
  <div> नया नाम सक्षम करें: <input id="formID" type="checkbox" name="formID"> </div>
</form>
<button onclick="getFormID()">नाम 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 = 'नाम attribute का अद्यतन मान: ' + oldNameAttr.name;
    } else {
      newNameAttr.textContent = 'चेकबॉक्स चेक करें, नाम attribute का वर्तमान मान: ' + oldNameAttr.name;
    }
  }
</script>
</body>
</html>

आउटपुट

"नया नाम सक्षम करें" चेकबॉक्स अनचेक्ड होने पर वर्तमान name attribute मान दिखाता है। चेक करने पर name "formID" से "newFormID" में बदल जाता है।

मुख्य बिंदु

  • name attribute फॉर्म सबमिशन में चेकबॉक्स डेटा की पहचान के लिए आवश्यक है
  • एक ही नाम के कई चेकबॉक्स होने पर वे एक समूह बनाते हैं (सर्वर को array के रूप में मिलते हैं)
  • JavaScript से checkbox.name द्वारा name पढ़/लिख सकते हैं
  • नाम बदलने से फॉर्म सबमिशन में भेजे जाने वाले डेटा की कुंजी बदल जाती है
  • रेडियो बटनों के विपरीत, चेकबॉक्स का नाम अद्वितीय होना आवश्यक नहीं है
  1. HTML DOM Input URL name प्रॉपर्टी HTML DOM Input URL name प्रॉपर्टी

    HTML DOM Input URL name प्रॉपर्टी एक स्ट्रिंग लौटाती है, जो इनपुट URL के name प्रॉपर्टी का मान होता है। उपयोगकर्ता इसे एक नई स्ट्रिंग पर भी सेट कर सकता है। सिंटैक्स निम्नलिखित सिंटैक्स है: स्ट्रिंग मान प्राप्त करना inputURLObject.name name एट्रिब्यूट को स्ट्रिंग मान पर सेट करना inputURLObject.na

  1. HTML DOM Input Week name प्रॉपर्टी HTML DOM Input Week name प्रॉपर्टी

    HTML DOM Input Week name प्रॉपर्टी एक स्ट्रिंग लौटाती है यदि इनपुट वीक का name एट्रिब्यूट परिभाषित है। उपयोगकर्ता इसे एक नई स्ट्रिंग पर भी सेट कर सकता है। सिंटैक्स निम्नलिखित सिंटैक्स है: स्ट्रिंग मान प्राप्त करना inputWeekObject.name name एट्रिब्यूट को स्ट्रिंग मान पर सेट करना inputWeekObject.n

  1. HTML DOM Input Password name प्रॉपर्टी HTML DOM Input Password name प्रॉपर्टी

    HTML DOM Input Password name प्रॉपर्टी का उपयोग इनपुट पासवर्ड फील्ड के name attribute को सेट करने या लौटाने के लिए किया जाता है। name attribute सर्वर पर सबमिट होने के बाद फॉर्म डेटा की पहचान करने में मदद करता है। JavaScript बाद में मैनिपुलेट करने के लिए फॉर्म तत्वों को संदर्भित करने के लिए name attr