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" में बदल जाता है।
मुख्य बिंदु
nameattribute फॉर्म सबमिशन में चेकबॉक्स डेटा की पहचान के लिए आवश्यक है- एक ही नाम के कई चेकबॉक्स होने पर वे एक समूह बनाते हैं (सर्वर को array के रूप में मिलते हैं)
- JavaScript से
checkbox.nameद्वारा name पढ़/लिख सकते हैं - नाम बदलने से फॉर्म सबमिशन में भेजे जाने वाले डेटा की कुंजी बदल जाती है
- रेडियो बटनों के विपरीत, चेकबॉक्स का नाम अद्वितीय होना आवश्यक नहीं है