कैसे जब एकाधिक बटन का चयन किया जाता

Question

कई आदानों अनुमति देने के लिए मैं नीचे एक jsfiddle आवेदन किया है:

http://jsfiddle.net/ybZvv/5/

आप jsfiddle खोलते हैं, तो आप एक शीर्ष नियंत्रण जो "उत्तर" बटन होते देखेंगे। आपको कुछ अक्षर बटन, एक "ट्रू" बटन और एक "झूठा" बटन भी दिखाई देगा।

"ट्रू" और "झूठा" बटन पूरी तरह से काम करते हैं, जिसका अर्थ है कि यदि उपयोगकर्ता "ट्रू" पर क्लिक करता है और फिर "गलत" पर क्लिक करता है, तो यह टेक्स्ट इनपुट को प्रतिस्थापित करता है क्योंकि आपके पास कोई जवाब नहीं है "सत्य "और" झूठा "।

यह "हां" और "नहीं" बटन के लिए इसके लिए काम करता है।

लेकिन पत्र बटन के साथ कोई समस्या है। यदि आप अक्षर बटन पर क्लिक करते हैं, तो आप महसूस करते हैं कि आप कई अक्षर बटन पर क्लिक कर सकते हैं जो ठीक है, लेकिन समस्या यह है कि यह उन अक्षरों के लिए टेक्स्ट इनपुट को प्रतिस्थापित करता है जो गलत है। यदि एकाधिक लेटर बटन चुने जाते हैं, तो उन्हें उन सभी लेटर बटनों के लिए टेक्स्ट इनपुट प्रदर्शित करना चाहिए, टेक्स्ट इनपुट को प्रतिस्थापित नवीनतम अक्षर बटन से प्रतिस्थापित नहीं करना चाहिए।

मैं नीचे

_oCurrAnswerContainer.html('');

कंटेनर DIV खाली कोड पता है, तो यह एक नया बनाने से पहले आदानों निकाल देता है।

लेकिन मैं केवल "सत्य" और "गलत" बटन और "हां" और "नहीं" बटन के बीच होना चाहता हूं। यदि आप mutliple letter बटन का चयन करते हैं, तो इसे कंटेनर खाली नहीं करना चाहिए:

यदि बटन ए, सी और ई चालू हैं, तो टेक्स्ट इनपुट ए, सी और ई दिखाया गया है, यदि ई बंद कर दिया गया है, तो टेक्स्ट इनपुट ई को हटा दिया गया है।

Answer 1

मुझे लगता है कि आप संलग्न करना चाहते हैं। आप इस तरह कोड क्यों नहीं बना सकते?

_oCurrAnswerContainer.html(_oCurrAnswerContainer.html() + '' + NewContents); 

इसे करने के लिए

संलग्न। मुझे यकीन नहीं है, क्योंकि मुझे सवाल समझ में नहीं आता है।

Answer 2

ऐसा लगता है कि समाधान चयनित अक्षरों का लगातार निरीक्षण करना है, प्रत्येक बार उपयोगकर्ता चयन करता है या एक पत्र को अचयनित करता है।

उदाहरण:

<script type='text/javascript'> 

    var checkboxes = $('form > p > input:checkbox'); 

    // updates the text input with the selected values... 
    var update = function() { 
     var values = []; 

     $('form > p > input:checked').each(function(idx, cb) { 
      values.push($(this).val()); 
     }); 

     $('#foo').val(values.join(', ')); 
    }; 

    // count the number of selected items... 
    var count = function() { 
     var n = $("input:checked").length; 
     $("div").text([n, 'box selected!'].join(' ')); 
    }; 

    // bind to the checkbox for clicks 
    // update the input field 
    // count the number of selected items 
    $(checkboxes).on('click', function(e) { 
     update(); 
     count(); 
    }); 

    update(); 

    count(); 
</script> 

एक काम उदाहरण के लिए इस gist देखें