JQuery check box loop not working

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");
                }
            }
        });

Added, but it's calling correctly because I can alert after setting urlString and it works. — slandau
– slandau, Commented Feb 10, 2011 at 21:43
By the way... even if <input> works without closing tag, it's not a reason to not close them... It is a good habit to always close your tags. — Mash
– Mash, Commented Feb 10, 2011 at 21:48

BaggersIO · Accepted Answer · 2011-02-10 21:44:13Z

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/

answered Feb 10, 2011 at 21:44

BaggersIO

8487 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Dutchie432 · Accepted Answer · 2011-02-10 21:43:32Z

0

As I mentioned in my comment, you are never telling JS when to execute the function. See my live demo. Seems to work OK if I strip out the ASP stuff.

http://jsfiddle.net/db4Uf/1/

This is the key line

//When an input in termSheetPopup is clicked, call GenerateTermSheet()
$('#termSheetPopup input').click(function(){
    GenerateTermSheet();
});

answered Feb 10, 2011 at 21:43

Dutchie432

29.3k20 gold badges94 silver badges110 bronze badges

2 Comments

slandau Over a year ago

I want to call this when a button on the JQuery dialog is clicked, which is working fine. If I put the alert on the first line of the function I can see it appear. It doesn't appear however if I move it underneath the selector

Dutchie432 Over a year ago

That means there is a problem with your selector. Nothing is being found, hence the lack of an alert()

Chris Hogan · Accepted Answer · 2011-02-10 21:45:42Z

0

Try changing the selector to:

$( '#termSheetPopup input[type=checkbox][checked]' )

answered Feb 10, 2011 at 21:45

Chris Hogan

8686 silver badges9 bronze badges

1 Comment

Blazemonger Over a year ago

I think you mean :checked instead of [checked]

Thomas · Accepted Answer · 2011-02-10 21:47:35Z

0

Try :checkbox:checked (note the additional colon).

answered Feb 10, 2011 at 21:47

Thomas

2,1521 gold badge13 silver badges10 bronze badges

Comments

Mitul · Accepted Answer · 2014-09-04 10:41:11Z

0

$(document).ready(function() {
    $('#selecctall').click(function(event) {  //on click 
        if(this.checked) { // check select status
            $('.checkbox1').each(function() { //loop through each checkbox
                this.checked = true;  //select all checkboxes with class "checkbox1"               
        });
    } else {
        $('.checkbox1').each(function() { //loop through each checkbox
            this.checked = false; //deselect all checkboxes with class "checkbox1"                       
        });         
    }
});

});

answered Sep 4, 2014 at 10:41

Mitul

3,4372 gold badges25 silver badges35 bronze badges

Collectives™ on Stack Overflow

JQuery check box loop not working

5 Answers 5

Comments

2 Comments

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

2 Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related