2014-04-16 9 views
24

मैं चेक बॉक्स के साथ एक बूटस्ट्रैप लटकती अनुकूलित करने के लिए कोशिश कर रहा हूँ और अगर मैं लेबल नाम मैं अपलोड की गई तस्वीर में की तरह ';' के साथ सीमांकित इनपुट लटकती पर लिखा जा करना चाहते हैं ड्रॉपडाउन से एक चेकबॉक्स का चयन करें जब dropdown बंद कर दिया है ।बूटस्ट्रैप लटकती चेकबॉक्स का चयन करें

यहां एक fiddle example है।

enter image description here

उत्तर

11

नहीं सबसे सुरुचिपूर्ण समाधान - आप शायद यह कुछ हद तक परिष्कृत करने के लिए चाहते हैं, लेकिन यह हो सकती है कि आप आरंभ:

$(document).ready(function() { 
    $("ul.dropdown-menu input[type=checkbox]").each(function() { 
     $(this).change(function() { 
      var line = ""; 
      $("ul.dropdown-menu input[type=checkbox]").each(function() { 
       if($(this).is(":checked")) { 
        line += $("+ span", this).text() + ";"; 
       } 
      }); 
      $("input.form-control").val(line); 
     }); 
    }); 
}); 
+1

हाँ ऐसा कुछ, संकेत के लिए धन्यवाद :) – BurebistaRuler

9

मैं जानता हूँ कि यह एक पुराने सवाल है, लेकिन अभी भी, आप उपयोग कर सकते हैं यह लाइब्रेरी करने के लिए लगभग (आपके द्वारा पूछे गए सटीक डिज़ाइन को छोड़कर) आप क्या चाहते हैं http://davidstutz.github.io/bootstrap-multiselect/#getting-started

संबंधित मुद्दे