JQuery 循环通过复选框并填充 div答案

【问题标题】：JQuery loop through checked boxes and populate divJQuery 循环通过复选框并填充 div
【发布时间】：2011-06-24 07:04:35
【问题描述】：

<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 是我变成我的 JQuery 对话框的 div。当用户单击对话框“生成”按钮时，我希望 JQuery 告诉我所有选中的复选框的名称（它们的 name 元素），所以我可以使用这些名称来填充 div printing .这些名称中的每一个都对应于我要在 div 中呈现的部分视图。

另外，如果你有时间，我将如何使用 JQuery 动态呈现部分视图，类似于我在 ASP.NET 中的页面上这样做：

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

我该怎么做？

谢谢！

【问题讨论】：

到目前为止，您有没有尝试过使用 jquery 获取名称的方法？

标签： jquery html asp.net-mvc-2 partial-views checkbox

【解决方案1】：

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

【讨论】：

:selected 仅适用于选项元素，需要使用 :checked 用于单选或复选框

【解决方案2】：

应该有帮助。用每个循环、数组、追加到 div 等中的名称做任何你需要的事情......

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

编辑： 为完整起见进行了编辑，将名称附加到打印的 div 逗号分隔。也应该将其放入准备好的文档中。

【讨论】：

【解决方案3】：

$('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/

【讨论】：