通過選中框和填充div的JQuery循環

<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內呈現的局部視圖。通過選中框和填充div的JQuery循環

另外，如果你有時間，我將如何呈現動態使用JQuery，類似於我如何做到這一點在頁面上內ASP.NET這樣的局部視圖：

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

我怎麼能這樣做？

謝謝！

來源

2011-02-09 slandau

有你在獲得使用jQuery名稱方面嘗試過這麼遠嗎？ – Loktar 2011-02-09 16:57:44

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

來源

2011-02-09 17:00:41

太棒了。非常感謝。 – slandau 2011-02-09 17:01:10

應該有所幫助。你需要與每個循環中，陣列中的名字什麼都，追加到div的，等...

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

編輯：編輯的完整性，追加名進入分離印刷DIV逗號。應該把這個文件準備好，以及。

來源

2011-02-09 17:02:15 kmfk

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

來源

2011-02-09 17:12:03 gor

通過選中框和填充div的JQuery循環

回答

相關問題