यह लेख जावास्क्रिप्ट का उपयोग करके सभी चेकबॉक्स को चेक और अनचेक करने के तरीकों को प्रदर्शित करेगा।
जावास्क्रिप्ट का उपयोग करके सभी चेकबॉक्स को कैसे चेक और अनचेक करें?
जावास्क्रिप्ट में सभी चेकबॉक्स को चेक और अनचेक करने के लिए, आप आवेदन कर सकते हैं:
उल्लिखित दृष्टिकोणों पर अब एक-एक करके चर्चा की जाएगी!
विधि 1: 'Document.getElementsByName ()' विधि का उपयोग करके 'चेकबॉक्स' के साथ जावास्क्रिप्ट में सभी चेकबॉक्स को चेक और अनचेक करें
' document.getElementsByName () 'विधि अपने तर्कों में निर्दिष्ट नाम वाले तत्वों को लौटाती है। पारित नाम की सहायता से प्रत्येक चेकबॉक्स का मान प्राप्त करने के लिए यह विधि लागू की जाएगी।
आइए प्रदर्शन के लिए निम्नलिखित उदाहरण देखें।
उदाहरण
सबसे पहले, इनपुट प्रकार को 'के रूप में निर्दिष्ट किया जाएगा' चेक बॉक्स ” और प्रत्येक चेकबॉक्स के सामने एक विशिष्ट नाम और मान निर्दिष्ट किया जाएगा:
< निवेष का प्रकार = 'चेकबॉक्स' नाम = 'अभी-अभी' मूल्य = 'पायथन' > अजगर < बीआर />< निवेष का प्रकार = 'चेकबॉक्स' नाम = 'अभी-अभी' मूल्य = 'जावा' > जावा < बीआर />
< निवेष का प्रकार = 'चेकबॉक्स' नाम = 'अभी-अभी' मूल्य = 'जावास्क्रिप्ट' > जावास्क्रिप्ट < बीआर />
अब, मान के साथ एक अतिरिक्त चेकबॉक्स शामिल करें “ सभी चेक करें 'और एक' संलग्न करें क्लिक पर() 'इस चेकबॉक्स के साथ घटना जो इस तरह से काम करेगी जब चेकबॉक्स पर क्लिक किया जाएगा, ' चेकअनचेक ()' विधि वस्तु के साथ लागू की जाएगी ' यह 'एक तर्क के रूप में:
< निवेष का प्रकार = 'चेकबॉक्स' क्लिक पर = 'चेकअनचेक (यह)' /> सभी चेक करें < बीआर />
उसके बाद, 'नामक एक फ़ंक्शन को परिभाषित करें' चेकअनचेक () 'जावास्क्रिप्ट फ़ाइल में, ' नामक एक चर के साथ चेक बॉक्स 'एक तर्क के रूप में। अब, “का उपयोग करके चेकबॉक्स मानों तक पहुंचें” document.getElementsByName () 'विधि और' का मान रखें नाम 'इसके तर्क के रूप में विशेषता।
अंत में, 'लागू करें' के लिये 'सभी चेकबॉक्स मानों के साथ पुनरावृति करने के लिए लूप और' का उपयोग करें जाँच ' संपत्ति उन सभी को चेक के रूप में चिह्नित करने के लिए:
फंक्शन चेकअनचेक ( चेक बॉक्स ) {प्राप्त = दस्तावेज़। getElementsByName ( 'अभी-अभी' ) ;
के लिये ( में था = 0 ; मैं < प्राप्त। लंबाई ; मैं ++ ) {
प्राप्त [ मैं ] . जाँच = चेकबॉक्स। जाँच ; }
}
जैसा कि आप देख सकते हैं, जब ' सभी चेक करें “चेकबॉक्स चिह्नित है, अन्य सभी चेकबॉक्स भी चेक किए गए के रूप में चिह्नित हैं:
विधि 2: 'डॉक्यूमेंट.getElementsByName ()' विधि 'बटन' का उपयोग करके जावास्क्रिप्ट में सभी चेकबॉक्स को चेक और अनचेक करें
' document.getElementsByName () 'विधि, जैसा कि पिछली विधि में चर्चा की गई है, अपने तर्कों में निर्दिष्ट नाम वाले तत्वों को प्राप्त करती है। इसका उपयोग वेब पेज पर जोड़े गए सभी चेकबॉक्स को चेक या अनचेक करने के लिए किया जा सकता है।
प्रदर्शन के लिए निम्नलिखित उदाहरण देखें।
उदाहरण
अब, हम दोनों के लिए दो बटन शामिल करेंगे ' सभी की जाँच करता है ' तथा ' सब को अचयनित करें 'कार्यक्षमता। फिर, एक संलग्न करें ' क्लिक पर 'दोनों बटन के साथ घटना जो निर्दिष्ट कार्यों को अलग से एक्सेस करेगी:
< निवेष का प्रकार = 'बटन' क्लिक पर = 'जांच()' मूल्य = 'सभी की जाँच करता है' />< निवेष का प्रकार = 'बटन' क्लिक पर = 'अनचेक ()' मूल्य = 'सभी को अनचेक करें' />
अगला, 'नाम के एक फ़ंक्शन को परिभाषित करें' जांच() 'और' लागू करें document.getElementsByName 'विधि' के निर्दिष्ट मान के साथ नाम ' विशेषता। फिर, 'पुनरावृत्ति करें' के लिये पिछली विधि में चर्चा किए गए सभी चेकबॉक्स मानों के साथ लूप करें।
इसके अलावा, जब संबद्ध बटन क्लिक किया जाता है, ' जाँच 'संपत्ति सभी चेकबॉक्सों को चिह्नित करेगी और चेक की गई स्थिति को' के रूप में सेट करेगी सच ':
फंक्शन चेक ( ) {बकरी बनो = दस्तावेज़। getElementsByName ( 'जांच' ) ;
के लिये ( में था = 0 ; मैं < प्राप्त। लंबाई ; मैं ++ ) {
प्राप्त [ मैं ] . जाँच = सच ; }
}
अगला, 'नाम के एक फ़ंक्शन को परिभाषित करें' अनचेक () ”, और चेक बॉक्स संपत्ति को “के रूप में चिह्नित करने के लिए इसमें रिवर्स कार्यक्षमता जोड़ें” असत्य ':
फंक्शन अनचेक ( ) {बकरी बनो = दस्तावेज़। getElementsByName ( 'जांच' ) ;
के लिये ( में था = 0 ; मैं < प्राप्त। लंबाई ; मैं ++ ) {
प्राप्त [ मैं ] . जाँच = असत्य ; }
}
यह आउटपुट में देख सकता है कि जोड़े गए बटन पूरी तरह से काम कर रहे हैं:
हमने जावास्क्रिप्ट का उपयोग करके सभी चेकबॉक्स को चेक और अनचेक करने के लिए सबसे आसान तरीके प्रदान किए हैं।
निष्कर्ष
जावास्क्रिप्ट का उपयोग करके सभी चेकबॉक्सों को चेक और अनचेक करने के लिए, “का उपयोग करें” document.getElementsByName () 'विधि के साथ' चेक बॉक्स 'एक चेकबॉक्स जोड़ने और फ़ंक्शन तक पहुंचने के लिए, जिसके परिणामस्वरूप चेकबॉक्स चेक किए जाएंगे या उसी विधि को लागू करेंगे' बटन 'सभी निर्दिष्ट मानों की जांच और अनचेक करने के लिए अलग-अलग दो बटन शामिल करने के लिए। इस राइट-अप ने जावास्क्रिप्ट का उपयोग करके सभी चेकबॉक्स को चेक और अनचेक करने के तरीकों की व्याख्या की।