डिफ़ॉल्ट रूप से एक रेडियो बटन का चयन करने के लिए हमें इसे सत्य के रूप में जांचना होगा . अगर यह चेक किया गया है सच . के रूप में तब डिफ़ॉल्ट रूप से यह स्वतः केंद्रित होगा .
निम्नलिखित उदाहरण में, हमारे पास केवल रेडियो बटन हैं और उनमें से कोई भी ऑटोफोकस्ड नहीं है ।
उदाहरण
<html> <form id="radiobuttons" name="radiobutton"> <input id="rad1" value="a" type="radio" name="check"/>male <input id="rad2" value="b" type="radio" name="check"/>female <input id="rad3" value="c" type="radio" name="check"/>other </form> <body> </body> </html>
जब उपरोक्त कोड निष्पादित किया जाता है तो हमें रेडियो बटन मिलेंगे और उनमें से कोई भी ऑटोफोकस नहीं है जैसा कि निम्न छवि में दिखाया गया है।
आउटपुट
ऑटोफोकस . के लिए उपरोक्त में से कोई भी बटन हमें शुरू में उन्हें जांचना होगा। यह शुद्ध जावास्क्रिप्ट का उपयोग करके किया जा सकता है जैसा कि निम्नलिखित उदाहरण में दिखाया गया है।
उदाहरण
<html> <form id="radiobuttons" name="radiobutton"> <input id="rad1" value="a" type="radio" name="check"/>male <input id="rad2" value="b" type="radio" name="check"/>female <input id="rad3" value="c" type="radio" name="check"/>other </form> <body> <script> radiobtn = document.getElementById("rad1"); radiobtn.checked = true; </script> </body> </html>
उपरोक्त कोड को निष्पादित करने के बाद, हमें निम्न आउटपुट मिलेगा।
आउटपुट