HTML DOM Input Radio required प्रॉपर्टी <input> एलिमेंट के required एट्रिब्यूट से जुड़ी होती है। Required प्रॉपर्टी का उपयोग यह सेट और प्राप्त करने के लिए किया जाता है कि फॉर्म सर्वर को सबमिट होने से पहले किसी रेडियो बटन को चेक करना आवश्यक है या नहीं। यह फॉर्म को सबमिट होने से रोकता है यदि required एट्रिब्यूट वाला रेडियो बटन यूज़र द्वारा अनचेक छोड़ दिया जाता है।
सिंटैक्स
Required प्रॉपर्टी सेट करने के लिए सिंटैक्स:
radioObject.required = true|false
यहां, true दर्शाता है कि रेडियो बटन चेक होना चाहिए जबकि false दर्शाता है कि फॉर्म सबमिट करने से पहले रेडियो बटन चेक करना वैकल्पिक है।
उदाहरण
Input radio required प्रॉपर्टी का एक उदाहरण:
<!DOCTYPE html> <html> <body> <h1>Radio required प्रॉपर्टी</h1> <form style="border:solid 1px green;padding:5px" action="/Sample_page.php"> FRUIT: <input type="radio" name="fruits" id="Mango" required>Mango <br><br> <input type="submit"> </form> <button type="button" onclick="checkReq()">जांचें</button> <p id="Sample"></p> <script> function checkReq() { var Req=document.getElementById("Mango").required; if(Req==true) document.getElementById("Sample").innerHTML="रेडियो बटन को सबमिट करने से पहले चेक किया जाना चाहिए"; else document.getElementById("Sample").innerHTML="रेडियो बटन वैकल्पिक है और यूज़र द्वारा अनचेक छोड़ा जा सकता है"; } </script> </body> </html>
आउटपुट
उपरोक्त कोड से निम्न आउटपुट प्राप्त होगा:
"जांचें" बटन पर क्लिक करने पर:
रेडियो बटन चेक किए बिना "सबमिट" बटन पर क्लिक करने पर:
उपरोक्त उदाहरण में:
हमने पहले id "Mango", name "fruits" और required एट्रिब्यूट को true पर सेट करके एक इनपुट रेडियो बटन बनाया। रेडियो बटन एक फॉर्म के अंदर है जिसमें action="Sample_page.php" है जो निर्दिष्ट करता है कि सबमिट बटन पर क्लिक करने पर फॉर्म डेटा कहां सबमिट करना है। फॉर्म पर एक इंलाइन स्टाइल भी लागू है:
<form style="border:solid 1px green;padding:5px" action="/Sample_page.php"> FRUIT: <input type="radio" name="fruits" id="Mango" required>Mango <br><br> <input type="submit"> </form>
फिर हमने एक बटन CHECK बनाया जो यूज़र द्वारा क्लिक किए जाने पर checkReq() मेथड को एक्जीक्यूट करेगा:
<button type="button" onclick="checkReq()">CHECK</button>
checkReq() मेथड getElementById() मेथड का उपयोग करके टाइप रेडियो वाले इनपुट एलिमेंट को प्राप्त करता है और इसकी required प्रॉपर्टी प्राप्त करता है, जो हमारे केस में true लौटाता है। लौटाया गया बूलियन मान वेरिएबल Req को असाइन किया जाता है और लौटाए गए मान के आधार पर कि वह true है या false, हम id "Sample" वाले पैराग्राफ में उपयुक्त संदेश इसके innerHTML प्रॉपर्टी का उपयोग करके प्रदर्शित करते हैं:
function checkReq() { var Req=document.getElementById("Mango").required; if(Req==true) document.getElementById("Sample").innerHTML="रेडियो बटन को सबमिट करने से पहले चेक किया जाना चाहिए"; else document.getElementById("Sample").innerHTML="रेडियो बटन वैकल्पिक है और यूज़र द्वारा अनचेक छोड़ा जा सकता है"; }
