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

另外，如果你有时间，我将如何使用JQuery动态渲染局部视图，类似于我在ASP.NET中的页面上执行此操作，如下所示：

printing

我怎么能这样做？

谢谢！

Answer 1

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

Answer 2

应该有所帮助。在每个循环，数组中追加你需要的名字，附加到div等......

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

编辑：已完成编辑，将名称附加到分隔的打印div逗号中。应该把它放到准备好的文件中。

Answer 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/

JQuery循环选中复选框并填充div

3 个答案: