यह लेख जावास्क्रिप्ट में HTML बटन को निष्क्रिय करने की विधि का वर्णन करेगा।
जावास्क्रिप्ट का उपयोग करके HTML बटन को कैसे निष्क्रिय करें?
जावास्क्रिप्ट का उपयोग करके HTML बटन को अक्षम करने के लिए, 'का उपयोग करें' अक्षम बटन तत्व की संपत्ति। HTML 'अक्षम' विशेषता का उपयोग करके बटन को भी अक्षम कर दिया गया है, लेकिन यह स्थायी रूप से अक्षम हो जाएगा, और आप इसे फिर से सक्षम नहीं कर पाएंगे। जावास्क्रिप्ट का उपयोग करते समय, 'अक्षम' संपत्ति को अक्षम किया जा सकता है और बटन को गतिशील रूप से सक्षम किया जा सकता है।
वाक्य - विन्यास
दिए गए सिंटैक्स का उपयोग बटन को अक्षम करने के लिए किया जाता है:
बटनऑब्जेक्ट. अक्षम
उदाहरण 1: बटन को अक्षम करें
एक HTML फ़ाइल में एक बटन बनाएँ और एक आईडी असाइन करें ” बटन ” जो इस बटन तक पहुँचने में मदद करेगा:
< बटन आईडी = 'बटन' > बटन बटन >
एक जावास्क्रिप्ट फ़ाइल में HTML बटन प्राप्त करें, उनकी निर्दिष्ट आईडी का उपयोग 'की सहायता से करें' getElementById () ' तरीका:
था बटन = दस्तावेज़। getElementById ( 'बटन' ) ;
संपत्ति सेट करें ' अक्षम ' को ' सत्य ':
बटन। अक्षम = सत्य ;जैसा कि आप देख सकते हैं, आउटपुट में बटन अक्षम कर दिया गया है:
उदाहरण 2: क्लिक इवेंट पर बटन को अक्षम करें
यहां, हम उस पर क्लिक करते हुए बटन को निष्क्रिय कर देंगे। सबसे पहले, निर्दिष्ट आईडी का उपयोग करके बटन का संदर्भ प्राप्त करें:
बुलाएं ' ऐडइवेंट लिस्टनर () 'संलग्न करके विधि' क्लिक 'ईवेंट, जो अक्षम गुण सेट करेगा' सत्य ”बटन पर क्लिक करते समय:
बटन। addEventListener ( 'क्लिक करें' , समारोह ( ) {अगर ( बटन। अक्षम ) {
बटन। अक्षम = असत्य ;
}
अन्य {
बटन। अक्षम = सत्य ;
}
} ) ;
यह देखा जा सकता है कि बटन पर क्लिक करते समय यह अक्षम हो जाता है:
यह जावास्क्रिप्ट में अक्षम करने वाले बटन के बारे में था।
निष्कर्ष
जावास्क्रिप्ट में HTML बटन को अक्षम करने के लिए, 'का उपयोग करें' अक्षम बटन तत्व की संपत्ति। यह बटन को गतिशील रूप से सक्षम या अक्षम करने में मदद करता है जबकि HTML 'अक्षम' विशेषता बटन को स्थायी रूप से अक्षम कर देती है। इस लेख में जावास्क्रिप्ट में HTML बटन को निष्क्रिय करने की विधि का वर्णन किया गया है।