यह आलेख जावास्क्रिप्ट में HTML DOM इनपुट चेकबॉक्स 'अक्षम' संपत्ति के उद्देश्य, कार्य और उपयोग को दिखाता है।
जावास्क्रिप्ट में HTML DOM इनपुट चेकबॉक्स 'अक्षम' संपत्ति कैसे काम करती है?
इनपुट चेकबॉक्स ' अक्षम ' संपत्ति 'चेकबॉक्स' विशेषता पर निर्भर करती है। यह दिए गए चेकबॉक्स को अक्षम और अक्षम करने के लिए HTML फॉर्म और इनपुट फ़ील्ड पर काम करता है।
सिंटेक्स (अक्षम संपत्ति सेट करें)
checkboxObject. अक्षम = सत्य | असत्यपरिभाषित रिटर्न सिंटैक्स के अनुसार, 'अक्षम' संपत्ति दो मापदंडों का समर्थन करती है जो निम्नानुसार सूचीबद्ध हैं:
- सत्य: यह दर्शाता है कि संबंधित चेकबॉक्स अक्षम है।
- झूठा (डिफ़ॉल्ट मान): यह एक वैकल्पिक मान है जो दर्शाता है कि संबद्ध चेकबॉक्स अक्षम नहीं है।
वापसी (अक्षम संपत्ति वापस करें)
checkboxObject. अक्षमउपरोक्त सिंटैक्स में, ' checkboxObject 'एचटीएमएल से मेल खाता है' चेक बॉक्स ' तत्व।
'अक्षम' संपत्ति के व्यावहारिक कार्यान्वयन को समझने के लिए नीचे दिए गए उदाहरणों में उपरोक्त परिभाषित सिंटैक्स का उपयोग करें।
उदाहरण 1: इनपुट चेकबॉक्स 'अक्षम' संपत्ति को लागू करना बेसिक सिंटैक्स का उपयोग करना
पहले उदाहरण में, 'चेकबॉक्स' को परिभाषित सामान्यीकृत सिंटैक्स का उपयोग करके इसे अक्षम करने के लिए जोड़ा गया है।
HTML कोड
सबसे पहले, दिए गए HTML कोड का विश्लेषण करें:
< शरीर शैली = 'पाठ-संरेखित करें: केंद्र' >
< एच 2 > एचटीएमएल डोम इनपुट चेक बॉक्स जावास्क्रिप्ट में अक्षम संपत्ति एच 2 >
चेक बॉक्स : < निवेष का प्रकार = 'चेकबॉक्स' पहचान = 'डेमो' > फार्म जमा किया < बीआर < बीआर >
< पी > दिया गया चेकबॉक्स अक्षम है पी >
उपरोक्त कोड लाइनों में:
- ' <शरीर> 'टैग उस बॉडी सेक्शन को निर्दिष्ट करता है जो' से जुड़ा हुआ है केंद्र 'की मदद से' शैली ' गुण।
- ' <एच2> ” टैग लेवल 2 के सबहेडिंग को परिभाषित करता है।
- ' <इनपुट> 'टैग इनपुट प्रकार निर्दिष्ट करके' चेकबॉक्स 'बनाता है' चेक बॉक्स 'एक असाइन की गई आईडी होना' डेमो ”।
- ' ” टैग परिणामी परिणाम प्रदर्शित करने के लिए एक पैराग्राफ तत्व जोड़ता है।
जावास्क्रिप्ट कोड
अगला, जावास्क्रिप्ट कोड देखें:
< लिखी हुई कहानी >दस्तावेज़। getElementById ( 'डेमो' ) . अक्षम = सत्य ;
लिखी हुई कहानी >
उपरोक्त कोड स्निपेट में, ' दस्तावेज़.getElementById () 'आईडी' डेमो 'का उपयोग करके चेकबॉक्स लाने के लिए' विधि लागू की जाती है और 'अक्षम' संपत्ति का मान 'पर सेट होता है' सत्य ” जो चेकबॉक्स को निष्क्रिय कर देता है।
उत्पादन
उपरोक्त आउटपुट पुष्टि करता है कि दिया गया चेकबॉक्स 'के कारण अक्षम है' अक्षम 'प्रॉपर्टी' पर सेट है सत्य ”।
उदाहरण 2: इनपुट चेकबॉक्स 'अक्षम' गुण मान लौटाना
यह उदाहरण लक्षित चेकबॉक्स की स्थिति को बूलियन मान (सत्य/गलत) के रूप में लौटाने के लिए 'अक्षम' गुण को लागू करता है।
HTML कोड
निम्नलिखित एचटीएमएल कोड पर विचार करें:
< शरीर शैली = 'पाठ-संरेखित करें: केंद्र' >< एच 2 > एचटीएमएल डोम इनपुट चेक बॉक्स जावास्क्रिप्ट में अक्षम संपत्ति एच 2 >
चेक बॉक्स : < निवेष का प्रकार = 'चेकबॉक्स' अक्षम = सत्य पहचान = 'डेमो' > फार्म जमा किया < बीआर < बीआर >
< पी आईडी = 'नमूना' >> पी >
उपरोक्त कोड ब्लॉक में:
- चेकबॉक्स असाइन किया गया है और 'की स्थिति' अक्षम 'संपत्ति' पर सेट है सत्य ”।
- उसके बाद, एक खाली ' 'तत्व आउटपुट को जोड़ने के लिए असाइन किए गए आईडी' नमूना 'के साथ जोड़ा गया है।
जावास्क्रिप्ट कोड
अब, जावास्क्रिप्ट कोड पर जाएँ:
< लिखी हुई कहानी >वहां एक है = दस्तावेज़। getElementById ( 'डेमो' ) . अक्षम ;
दस्तावेज़। getElementById ( 'नमूना' ) . innerHTML = ए ;
लिखी हुई कहानी >
उपरोक्त कोड में:
- चर ' ए 'का उपयोग करता है' दस्तावेज़.getElementById () अपनी आईडी 'डेमो' का उपयोग करके चेकबॉक्स तक पहुंचने की विधि और 'को संबद्ध करें' अक्षम ” संपत्ति यह जांचने के लिए कि क्या प्राप्त किया गया चेकबॉक्स अक्षम है या नहीं।
- 'Document.getElementById ()' विधि फिर से लागू की गई खाली पैराग्राफ को शामिल करती है और 'अक्षम' संपत्ति की स्थिति को एक पैराग्राफ के रूप में प्रदर्शित करती है।
उत्पादन
जैसा कि विश्लेषण किया गया है, परिणाम 'चेकबॉक्स' आवंटित स्थिति देता है, अर्थात, ' सत्य ”।
उदाहरण 3: इनपुट चेकबॉक्स 'अक्षम' संपत्ति का उपयोग करके चेकबॉक्स को अक्षम और अक्षम करें
चेकबॉक्स स्थिति सेट करने और वापस करने के अलावा, 'अक्षम' संपत्ति भी उपयोगकर्ताओं को एक ही समय में चेकबॉक्स को अक्षम और अक्षम करने की अनुमति देती है। आइए इसे व्यावहारिक रूप से देखें।
HTML कोड
आइए लिखित HTML कोड की समीक्षा करें:
< शरीर शैली = 'पाठ-संरेखित करें: केंद्र' >< एच 2 > एचटीएमएल डोम इनपुट चेक बॉक्स जावास्क्रिप्ट में अक्षम संपत्ति एच 2 >
चेक बॉक्स : < निवेष का प्रकार = 'चेकबॉक्स' पहचान = 'डेमो' > फार्म जमा किया इनपुट < बीआर < बीआर >
< बटन ऑनक्लिक = 'चेकडिसेबल ()' > चेकबॉक्स को अक्षम करें बटन >
< बटन ऑनक्लिक = 'चेक अनडिसेबल ()' > चेकबॉक्स को अक्षम करें बटन >
उपरोक्त कोड ब्लॉक में:
- इसी तरह, एक चेकबॉक्स शामिल करें और एक बटन जोड़ें जिसमें ' क्लिक पर ” घटना जो “निष्पादित करती है” चेक अक्षम () बटन क्लिक पर कार्य करें।
- उसके बाद, दूसरा बटन जोड़ा जाता है जो 'ऑनक्लिक' ईवेंट हैंडलर का उपयोग 'के निष्पादन के लिए करता है' जांच अक्षम्य () ” फ़ंक्शन जब बटन क्लिक करता है।
जावास्क्रिप्ट कोड
अगला, नीचे दिए गए कोड से गुजरें:
< लिखी हुई कहानी >फ़ंक्शन चेक अक्षम करें ( ) {
दस्तावेज़। getElementById ( 'डेमो' ) . अक्षम = सत्य ;
}
फ़ंक्शन चेकअक्षम ( ) {
दस्तावेज़। getElementById ( 'डेमो' ) . अक्षम = असत्य ;
}
लिखी हुई कहानी >
उपरोक्त कोड लाइनों में:
- नाम के एक समारोह को परिभाषित करें चेक अक्षम () 'जो लागू होता है' दस्तावेज़.getElementById () ' आईडी 'डेमो' के माध्यम से चेकबॉक्स तक पहुंचने की विधि और इसके मान को 'सत्य' पर सेट करें।
- दूसरा समारोह ' जांच अक्षम्य () ' फ़ंक्शन फिर से चेकबॉक्स तक पहुंचने के लिए 'document.getElementById ()' विधि को लागू करता है और इसके मान को 'गलत' पर सेट करता है यदि उपयोगकर्ता 'अनडिसेबल द चेकबॉक्स' नाम के शामिल दूसरे बटन पर क्लिक करता है।
उत्पादन
आउटपुट दिए गए चेकबॉक्स को 'अक्षम' करता है जब उपयोगकर्ता पहले बटन पर क्लिक करता है और 'अन-अक्षम' करता है यदि उपयोगकर्ता तदनुसार दूसरे बटन पर क्लिक करता है।
निष्कर्ष
जावास्क्रिप्ट में, HTML DOM इनपुट चेकबॉक्स ' अक्षम ” संपत्ति उपयोगकर्ताओं को 'चेकबॉक्स' की चेक की गई स्थिति को सेट करने और वापस करने में सहायता करती है। यह 'सेट' और 'रिटर्न' प्रक्रियाओं दोनों के लिए सामान्यीकृत सिंटैक्स को परिभाषित करता है। इसका सेट सिंटैक्स दो मानों पर काम करता है “ सत्य ' और ' असत्य ”। दूसरी ओर, इसके रिटर्न सिंटैक्स को किसी पैरामीटर की आवश्यकता नहीं होती है। इस आलेख ने जावास्क्रिप्ट में एचटीएमएल डोम इनपुट चेकबॉक्स 'अक्षम' संपत्ति के उद्देश्य, कार्य और व्यावहारिक कार्यान्वयन का प्रदर्शन किया।