जावास्क्रिप्ट में चेकबॉक्स के साथ काम करना
अब हम चेकबॉक्स के साथ काम करना सीखेंगे। चेकबॉक्स एक विशेष टिक (गाली) का प्रतिनिधित्व करता है, जो दो स्थितियों में हो सकता है: चयनित (चेक) और गैर-चयनित (अनचेक)।
चेकबॉक्स निम्नलिखित तरीके से बनाया जाता है:
<input type="checkbox" id="elem">
चेकबॉक्स को चयनित (चेक) करने के लिए - इसमें
checked विशेषता (ऐट्रिब्यूट) लिखनी होगी:
<input type="checkbox" checked id="elem">
आइए उदाहरण के लिए हमारे चेकबॉक्स की स्थिति जानें:
let elem = document.querySelector('#elem');
console.log(elem.checked);
एक चेकबॉक्स और दो बटन दिए गए हैं। पहले बटन पर क्लिक करने पर चेकबॉक्स को चयनित स्थिति में सेट करें, और दूसरे बटन पर क्लिक करने पर - गैर-चयनित स्थिति में।
एक चेकबॉक्स, एक बटन और एक पैराग्राफ दिया गया है। बटन पर क्लिक करने पर,
यदि चेकबॉक्स चयनित है, तो पैराग्राफ में शब्द 'hello' आउटपुट करें,
और यदि चेकबॉक्स चयनित नहीं है, तो शब्द 'bye' आउटपुट करें।