Wie können Variablenwerte in einem Popup-Listenfeld in einem Kontrollkästchen angezeigt werden?

Question

Ich bin neu in PHP. Ich habe einen Code mit einem Knopf. Wenn Sie auf klicken, wird ein Modal angezeigt. Auf Modal gibt es mehrere Kontrollkästchen. Wenn eines der Kontrollkästchen aktiviert ist, sollte ein Wert dieses Kontrollkästchens gedruckt werden. Aber ich möchte diese Werte in Checkboxen auf dem Modal drucken.

Please Check This Fiddle

Hier ist mein Code

$(document) 
    .ready(function() { 
    $(".various").fancybox({ 
     maxWidth: 800, 
     maxHeight: 600, 
     fitToView: false, 
     width: '70%', 
     height: '70%', 
     autoSize: false, 
     closeClick: false, 
     openEffect: 'none', 
     closeEffect: 'none' 
    }); 

    $('.button1').click(function(e) { 
     e.preventDefault(); 
     $('.various').click(); 
    }); 

    }) 
    .on('change', '[name=test-link]', function() { 
    $('#print-values').empty(); 
    $('#print-values').append("<span>You've checked:</span><br />"); 
    $('[name=test-link]').each(function() { 
     if ($(this).prop("checked")) { 
     var v = $(this).val(); 
     $('#print-values').append(v + "<br />"); 
     } 
    }); 
    }); 




<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
<link href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.css" rel="stylesheet"/> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.pack.js"></script> 

<a class="various" href="#form1" style='display: none;'></a> 
<input class='button1' type="button" value="Link More Opinion" /> 
<div id='print-values'></div> 
<div style='display: none;'> 
    <form id='form1'> 
    <input type='checkbox' name='test-link' value="1" /> 
    <span>1</span> 
    <br /> 
    <input type='checkbox' name='test-link' value="2" /> 
    <span>2</span> 
    <br /> 
    <input type='checkbox' name='test-link' value="3" /> 
    <span>3</span> 
    <br /> 
    </form> 
</div> 

Answer 1

Anfügen Eingang und verwenden Sie den Wert in Wertattribut von Eingangs

$('#print-values').append("<input type=text value='"+v+"'><br />");

DEMO

Answer 2

Fiddle link, das Check-out und lassen Sie mich wissen.

ändern <div id='print-values'></div> zu <input type="text" id='print-values'/>

jquery:

Nur der Teil, Details in der Geige.

$('#print-values').val(""); 
$('#print-values').append("<span>You've checked:</span><br />"); 
$('[name=test-link]').each(function() { 
    if ($(this).prop("checked")) { 
     v = $(this).val(); 
     $('#print-values').val($('#print-values').val() +" "+ v); 
    } 
});