2014-04-01 11 views
12

में चेकबॉक्स लेबल को अक्षम और ग्रे आउट करें क्या बूटबॉक्स लेबल को निष्क्रिय और ग्रे करने का कोई तरीका है साथ ही बूटबैप और Jquery का उपयोग करके चेकबॉक्स अक्षम हो जाने पर भी कोई तरीका है?बूटस्ट्रैप

<div class="checkbox">   
    <input id="accept" name="accept" type="checkbox" value="True"> 
    <label for="accept" class="control-label">Incremental</label> 
</div> 

मैं अब चेकबॉक्स निष्क्रिय करने के लिए bellow कोड का उपयोग कर रहा:

$("#accept").prop("disabled", true); 

उत्तर

14

Fiddle Demo

आप सीएसएस के साथ ऐसा कर सकते हैं केवल

input[type=checkbox][disabled] + label { 
    color: #ccc; 
} 
,210

पढ़ें http://css-tricks.com/almanac/selectors/c/checked/

+4

मेरे जैसे हर किसी के लिए जो यह नहीं जानता कि + क्या करता है और सोच रहा है कि यह क्यों काम नहीं कर रहा है। इनपुट तत्व इनपुट तत्व (पहले नहीं) के बाद सीधे लेबल तत्व होना चाहिए। – CapK

+0

और टीएच लेबल चेकबॉक्स से पहले सीएसएस को कैसे प्रभावित किया जाता है? – ChadD

+0

@ChadD http://stackoverflow.com/questions/1817792 –

1

बूटस्ट्रैप खुराक नहीं इस प्रकार की सुविधा है, तो आप अपने jQuery कस्टम कोड से प्रबंधन कर सकते हैं

if($("#accept").has("[disabled]")){ 
    $("#accept").parent().find("label").css("color", "#dadada"); 
} 
-2

उपयोग करने का प्रयास प्रदान करते हैं:

$("#accept").addClass("disabled"); 
+0

यह बूटस्ट्रैप 3 में सभी लेबल को नहीं बदलता है। –

-2
$('label.control-label').addClass('disabled'); 

निष्क्रिय करने के लिए एक बटन के रूप में

$('label.control-label').addClass('btn-disabled'); 
+0

दोनों सुझाव बूटस्ट्रैप 3 में लेबल के लिए कुछ भी नहीं करते हैं। –

1

ऐसा लगता है कि div "वर्ग" में अक्षम शब्द को सेट करने के साथ-साथ इनपुट में भी ऐसा किया जाएगा।

<div class="checkbox disabled"> 
    <label><input type="checkbox" value="" disabled>check Me</label> 
</div>