Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> Javascript

जावास्क्रिप्ट में डिफ़ॉल्ट रूप से रेडियो बटन का चयन कैसे करें?


डिफ़ॉल्ट रूप से एक रेडियो बटन का चयन करने के लिए हमें इसे सत्य के रूप में जांचना होगा . अगर यह चेक किया गया है सच . के रूप में तब डिफ़ॉल्ट रूप से यह स्वतः केंद्रित होगा .

निम्नलिखित उदाहरण में, हमारे पास केवल रेडियो बटन हैं और उनमें से कोई भी ऑटोफोकस्ड नहीं है ।

उदाहरण

<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>

उपरोक्त कोड को निष्पादित करने के बाद, हमें निम्न आउटपुट मिलेगा।

आउटपुट

जावास्क्रिप्ट में डिफ़ॉल्ट रूप से रेडियो बटन का चयन कैसे करें?


  1. कैसे जांचें कि कोई ऑब्जेक्ट जावास्क्रिप्ट में कक्षा का उदाहरण है या नहीं?

    यह जांचने के लिए कोड निम्नलिखित है कि क्या कोई वस्तु जावास्क्रिप्ट में एक वर्ग का उदाहरण है - उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0&quo

  1. कैसे बटन क्लिक पर जावास्क्रिप्ट में एक div छिपाने के लिए?

    मान लें कि निम्नलिखित हमारा div है - <div id="showOrHide"> Welcome in JavaScript </div> निम्नलिखित हमारा बटन है। क्लिक करने पर, उपरोक्त डिव छिप जाना चाहिए - <button onclick="showOrHideDiv()">Click The Button</button> div को छिपाने के लिए JavaScript में s

  1. बटन पर ली तत्वों को कैसे हटाएं जावास्क्रिप्ट में क्लिक करें?

    मान लें कि निम्नलिखित हमारी अनियंत्रित सूची (उल) है - JavaScript निकालें MySQL Remove MongoDB निकालें Java निकालें ऊपर, आप प्रत्येक ली तत्व के साथ निकालें बटन देख सकते हैं। इस बटन पर क्लिक करने पर, आप किसी भी li तत्व को हटा सकते हैं। बटन क्लिक पर ली तत्वों को हटाने के लिए कोड निम्नलिखित है; उद