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

키 라인에게 있습니다 선택자 :

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

Answer 2

, 당신은 결코 때의 기능을 실행하는 JS 이야기하지 않습니다. 내 라이브 데모보기. 내가 ASP 물건을 떼어 내면 괜찮아 보인다.

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

어쩌면이 링크를 지원합니다 : http://www.electrictoolbox.com/check-uncheck-checkbox-jquery/

Answer 3

가 변경 시도

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

이 다음 selctor을 시도 할 수

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

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

});