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