HTML DOM Input Radio name प्रॉपर्टी का उपयोग इनपुट रेडियो फील्ड के name एट्रिब्यूट को सेट या प्राप्त करने के लिए किया जाता है। Name एट्रिब्यूट फॉर्म डेटा को सर्वर पर सबमिट करने के बाद पहचानने में मदद करता है। JavaScript भी बाद में हेरफेर करने के लिए फॉर्म एलिमेंट्स को रेफर करने के लिए name एट्रिब्यूट का उपयोग कर सकता है।
सिंटैक्स
Name प्रॉपर्टी सेट करने के लिए सिंटैक्स:
radioObject.name = name
यहां, name रेडियो बटन का नाम निर्दिष्ट करने के लिए है।
उदाहरण
Radio name प्रॉपर्टी का एक उदाहरण:
<!DOCTYPE html> <html> <body> <h1>Input radio name प्रॉपर्टी</h1> <form id="FORM1"> FRUIT: <input type="radio" name="fruits" id="Orange">Orange </form> <p>नीचे दिए गए बटन पर क्लिक करके ऊपर के रेडियो बटन का नाम बदलें</p> <button type="button" onclick="changeName()">नाम बदलें</button> <p id="Sample"></p> <script> function changeName() { document.getElementById("Orange").name ="colors" ; document.getElementById("Sample").innerHTML = "रेडियो बटन का नाम अब colors है"; } </script> </body> </html>
आउटपुट
उपरोक्त कोड से निम्न आउटपुट प्राप्त होगा:
"नाम बदलें" बटन पर क्लिक करने पर:
उपरोक्त उदाहरण में:
हमने पहले type="radio", name="fruits", id="Orange" के साथ एक फॉर्म के अंदर एक इनपुट एलिमेंट बनाया:
<form> FRUIT: <input type="radio" name="fruits" id="Orange">Orange </form>
फिर हमने एक CHANGE NAME बटन बनाया जो यूज़र द्वारा क्लिक किए जाने पर changeName() मेथड को एक्जीक्यूट करेगा:
<button type="button" onclick="changeName()">CHANGE NAME</button>
changeName() मेथड getElementById() मेथड का उपयोग करके टाइप रेडियो वाले इनपुट फील्ड को प्राप्त करता है और इसके name एट्रिब्यूट मान को "colors" पर सेट करता है। यह परिवर्तन फिर id "Sample" वाले पैराग्राफ में प्रतिबिंबित होता है और इसके innerHTML प्रॉपर्टी का उपयोग करके इच्छित टेक्स्ट प्रदर्शित करता है:
function changeName() { document.getElementById("Orange").name ="colors" ; document.getElementById("Sample").innerHTML = "रेडियो बटन का नाम अब colors है"; }
