HTML DOM Button value प्रॉपर्टी <button> एलिमेंट के value एट्रिब्यूट से जुड़ी होती है। यह बटन के छिपे हुए मान (hidden value) को निर्दिष्ट करती है। value प्रॉपर्टी बटन के value एट्रिब्यूट के मान को सेट या वापस करती है। ब्राउज़र आमतौर पर बटन पर क्लिक होने पर value टेक्स्ट को सबमिट करते हैं जबकि अन्य <button> एलिमेंट के बीच के टेक्स्ट को सबमिट करते हैं।
सिंटैक्स (Syntax)
value प्रॉपर्टी सेट करने का सिंटैक्स:
buttonObject.value = text
यहां, text प्रॉपर्टी वैल्यू बटन को दी गई प्रारंभिक वैल्यू है।
उदाहरण (Example)
Button value प्रॉपर्टी का एक उदाहरण:
<!DOCTYPE html> <html> <body> <button id="Button1" name="random" value="FirstButton">My Button</button> <p>ऊपर वाले बटन का value बदलने के लिए नीचे दिए गए बटन पर क्लिक करें</p> <button onclick="changeFunc()">CHANGE</button> <p id="Sample"></p> <script> function changeFunc() { document.getElementById("Button1").value = "SecondButton"; var x = document.getElementById("Button1").value; document.getElementById("Sample").innerHTML = "The button value is now " + x; } </script> </body> </html>आउटपुट (Output)
इससे निम्नलिखित आउटपुट प्राप्त होगा:
CHANGE पर क्लिक करने पर:
हमने पहले "FirstButton" वैल्यू वाला एक बटन "button1" आईडी के साथ बनाया:
<button id="Button1" name="random" value="FirstButton">My Button</button>
फिर हमने एक CHANGE बटन बनाया जो क्लिक होने पर changeFunc() को एक्जीक्यूट करता है:
<button onclick="changeFunc()">CHANGE</button>
changeFunc() मेथड अपने आईडी "Button1" का उपयोग करके पहले बटन एलिमेंट को प्राप्त करेगा और उसके वैल्यू को "FirstButton" से "SecondButton" में बदल देगा। नया बदला हुआ बटन वैल्यू फिर वेरिएबल x में असाइन किया जाता है और "Sample" आईडी वाले पैराग्राफ के अंदर प्रदर्शित किया जाता है:
function changeFunc() { document.getElementById("Button1").value = "SecondButton"; var x = document.getElementById("Button1").value; document.getElementById("Sample").innerHTML = "The button value is now " + x; }
