JQuery 循环遍历复选框并填充 div

发布于 2024-10-17 01:48:21 字数 961 浏览 3 评论 0原文

<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 打印。这些名称中的每一个都对应于我想要在 div 中渲染的部分视图。

另外，如果您有时间，我将如何使用 JQuery 动态呈现部分视图，类似于我在 ASP.NET 页面上的做法，如下所示：

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

How can I do this？

谢谢！

原文

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

So looking at the above code, the termSheetPopup is the div that I turn into my JQuery dialog. When the user clicks the dialog 'Generate' button, I want JQuery to tell me the names of all of the checkboxes that are checked (the name element of them), so I can use those names to populate the div printing. Each of those names correspond to a partial view that I want to render within the div.

Also, if you have time, how would I render a partial view dynamically using JQuery, similar to how I do it on the page within ASP.NET like this:

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

How could I do this?

Thanks!

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

猫七 2024-10-24 01:48:21

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

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

回复收藏 0 原文

梅倚清风 2024-10-24 01:48:21

应该有帮助。对每个循环、数组中的名称执行您需要的操作，附加到 div 等...

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

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

Should help. Do what ever you need with the name in the each loop, array, append to div, etc...

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

edit: edited for completeness, appending the names into the printing div comma separated. Should put this into a document ready, as well.

回复收藏 0 原文

本王不退位尔等都是臣 2024-10-24 01:48:21

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

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

Here is sample - http://jsfiddle.net/gorsky/AhCAW/

回复收藏 0 原文

~没有更多了~