JQuery複選框循環不起作用

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

        } 
       }); 

      }) 
     } 

我從來沒有看到警報出現。如果我把它放在上面的每一行上，它就會出現，所以我知道這是我猜測的檢查框循環的問題。我做對了嗎？這裏是它循環的div：

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

謝謝。

編輯：

調用GenerateTermSheet（）位置：

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

你可以嘗試以下selctor：

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

也許這個鏈接會支持你：http://www.electrictoolbox.com/check-uncheck-checkbox-jquery/

Answer 2

正如我在我的評論中提到，你永遠不會告訴JS時要執行的功能。看我的現場演示。似乎工作確定，如果我去掉ASP的東西。

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

這是重點線

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

Answer 3

試着改變選擇器：

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

Answer 4

嘗試:checkbox:checked（注意額外的冒號）。

Answer 5

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

}）;