दिलचस्प पोस्ट
सरल पायथन चैलेंज: डाटा बफ़र पर सबसे तेज़ बीटावर्ड एक्सओआर एसक्यूएल शामिल है: एक-से-कई रिश्ते में अंतिम अभिलेख का चयन करना रिमोट होस्ट द्वारा एक मौजूदा कनेक्शन जबरन बंद किया गया था जावास्क्रिप्ट के द्वारा संशोधित किए जाने के बाद मैं इसकी मूल स्थिति में कैसे "रीसेट" कर सकता हूं? java: (स्ट्रिंग ) List.toArray () ClassCastException प्रदान करता है पांडस बार की साजिश परिवर्तन दिनांक स्वरूप आप एएसपी.नेट एमवीसी में एनएम्प से एक ड्रॉपडाउन सूची कैसे बनाते हैं? डीजेंगो रूपों में बूटस्ट्रैप शैलियों को लागू करना कॉमनजेएस, एएमडी और आवश्यकताओंजेएस के बीच संबंध? सेवा / फैक्टरी से नियंत्रकों तक बाध्यकारी चर जब static_cast, dynamic_cast, const_cast और reinterpret_cast को इस्तेमाल किया जाना चाहिए? एक्लिप्स में एक जार कैसे आयात करें jsFiddle: एचटीएमएल और जे एस के बीच कोई संबंध? बटन से सरल फ़ंक्शन कॉल नहीं किया जा सकता है? जावा में जो कोड के इन टुकड़ों में तेज़ है? क्या ब्राउज़र हर पृष्ठ लोड पर जावास्क्रिप्ट पार्स करते हैं?

लेबल को हाइलाइट करें अगर चेकबॉक्स को चेक किया गया हो

क्या लेबल के रंग को बदलने का एक गैर-जावास्क्रिप्ट तरीका है, जब संबंधित चेकबॉक्स चेक होता है?

वेब के समाधान से एकत्रित समाधान "लेबल को हाइलाइट करें अगर चेकबॉक्स को चेक किया गया हो"

यदि आपके पास है

<div> <input type="checkbox" class="check-with-label" id="idinput" /> <label class="label-for-check" for="idinput">My Label</label> </div> 

तुम कर सकते हो

 .check-with-label:checked + .label-for-check { font-weight: bold; } 

यह काम देखें ध्यान दें कि यह गैर-आधुनिक ब्राउज़रों में काम नहीं करेगा।

मुझे एंड्रयू के सुझाव पसंद हैं, और वास्तव में सीएसएस नियम ही होना चाहिए:

 :checked + label { font-weight: bold; } 

मैं label और input तत्व के अंतर्निहित सहयोग पर भरोसा करना पसंद करता हूं, इसलिए मैं ऐसा कुछ करता हूं:

 <label> <input type="checkbox"/> <span>Bah</span> </label> 

सीएसएस के साथ:

 :checked + span { font-weight: bold; } 

उदाहरण: http://jsfiddle.net/wrumsby/vyP7c/

यह उपयोग करने का एक उदाहरण है :checked छद्म वर्ग की :checked करने के लिए फ़ॉर्म अधिक सुलभ बनाने के लिए। :checked छद्म वर्ग को छिपी जानकारी और उनके दृश्यमान लेबल के साथ इंटरेक्टिव विजेट बनाने के लिए उपयोग किया जा सकता है, जैसे कि छवि दीर्घाओं। मैंने उन लोगों के लिए स्नैप बनाया जो परीक्षा चाहते हैं I

 input[type=checkbox] + label { color: #ccc; font-style: italic; } input[type=checkbox]:checked + label { color: #f00; font-style: normal; } 
 <input type="checkbox" id="cb_name" name="cb_name"> <label for="cb_name">CSS is Awesome</label> 

आप अकेले सीएसएस के साथ ऐसा नहीं कर सकते आप कर सकते हैं jQuery का उपयोग करना

एचटीएमएल

 <label id="lab">Checkbox</label> <input id="check" type="checkbox" /> 

सीएसएस

 .highlight{ background:yellow; } 

jQuery

 $('#check').click(function(){ $('#lab').toggleClass('highlight') }) 

यह सभी ब्राउज़रों में काम करेगा

http://jsfiddle.net/LgADZ/ पर काम कर रहे उदाहरण देखें