JQuery перебирает флажки и заполняет div

Question

<div id="termSheetPopup">
    <input type="checkbox" name="SummaryInformation">Summary Information<br />
    <input type="checkbox" name="SwapLegs">Swap Legs<br />
    <input type="checkbox" name="AmortizationOptions">Amortization Options<br />
    <input type="checkbox" name="EconomicResults">Economic Results<br />
    <input type="checkbox" name="AmortizationSchedule">Amortization Schedule
</div>

<div id="printing">

</div>

Итак, глядя на приведенный выше код, termSheetPopup - это div, который я превращаю в свой диалог JQuery.Когда пользователь нажимает кнопку «Создать» в диалоговом окне, я хочу, чтобы JQuery сообщал мне имена всех отмеченных флажков (их элемент name), чтобы я мог использовать эти имена для заполнения div printing,Каждое из этих имен соответствует частичному представлению, которое я хочу визуализировать в div.

Кроме того, если у вас есть время, как бы я рендерил частичное представление динамически, используя JQuery, подобно тому, как я делаю это настраница в ASP.NET выглядит следующим образом:

<% Html.RenderPartial("~/Views/Indications/AmortizationSchedule.aspx", Model.Trx); %>

Как я могу это сделать?

Спасибо!

Answer 1

var myArray = [];
$('#termSheetPopup input').is(':checked').each(function(){
      myArray.push( $(this).attr('name') );
});

Answer 2

$('button').click(function(){
    var e = $('#termSheetPopup input:checked');
    for (i = 0; i < e.length; i++){
        $('#printing').append(e[i].name + ' ');
    }
});

Вот образец - http://jsfiddle.net/gorsky/AhCAW/

Answer 3

Должно помочь. Делайте то, что вам нужно, с именем в каждом цикле, массиве, добавлении к div и т. Д. *

$('#Generate').bind('click', function() {
   $('#termSheetPopup :checkbox:checked').each(function() {
      $('#printing').append($(this).attr('name')+', ');
   });
});

edit: отредактировано для полноты, добавляя имена в разделенную запятую div. Следует также поместить это в готовый документ.