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