Question

function GenerateTermSheet()
        {
            var urlString = "<%= System.Web.VirtualPathUtility.ToAbsolute("~/mvc/Indications.cfc/RenderPartialTermSheetView/")%>"
            $("#termSheetPopup checkbox:checked").each(function(){
                alert("Clicked");
                var json = 
                {
                    id : GetGUIDValue(),
                    name : $(this).attr("name")
                }
                $.ajax({
                    type: "POST",
                    url: urlString,
                    data: json,
                    success: function(data) {

                    }
                });

            })
        }

I never see that alert appear. If I put it on every line above where it is, it appears, so I know it’s a problem with the loop of checked boxes I’m guessing. Am I doing this right? Here is the div it’s looping through:

<div id="termSheetPopup">
                        <div style="text-align:center;">
                            <select id="termSheetType">
                                <option>Internal</option>
                                <option>Borrower Facing</option>
                            </select>
                        </div>
                        <input type="checkbox" name="SummaryInformation">Summary Information<br />
                        <input type="checkbox" name="ProductLegs">Product Legs<br />
                        <input type="checkbox" name="AmortizationOptions">Amortization Options<br />
                        <input type="checkbox" name="Values">Values<br />
                        <input type="checkbox" name="Rates">Rates<br />
                        <input type="checkbox" name="RatesSpecific">Rates (All-In-Rate, PV01)<br />
                        <input type="checkbox" name="AmortizationSchedule">Amortization Schedule<br />
                        <input type="checkbox" name="SponsorInfo">Sponsor/Affiliate Info<br />
                        <input type="checkbox" name="BorrowerInfo">Borrower Info<br />
                        <input type="checkbox" name="SponsorContacts">Sponsor/Affiliate Contacts<br />
                        <input type="checkbox" name="CashFlows">Cash Flows<br />
                        <input type="checkbox" name="PrePayment">Pre-Payment<br />
                        <input type="checkbox" name="FutureExposure">Potential Future Exposure<br />
                        <input type="checkbox" name="FutureExposureSpecific">Potential Future Exposure (Max Number and Date Only)<br />
                        <input type="checkbox" name="History">History<br />
                    </div>

Thanks.

EDIT:

Calling GenerateTermSheet() here:

$('#termSheetPopup').dialog({
            modal: true,
            resizable: false,
            title: 'Generate Term Sheet',
            width: 375,
            height: 425,
            autoOpen: false,
            buttons: {
                "Generate": function () {
                    GenerateTermSheet();
                },
                "Cancel": function () {
                    $(this).dialog("close");
                }
            }
        });

Answer 1

you could try the following selctor:

#termSheetPopup input[type="checkbox"]:checked

Maybe this link will support you: http://www.electrictoolbox.com/check-uncheck-checkbox-jquery/