JQuery để bỏ chọn tất cả các hộp kiểm trong div

Question

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

JQuery để xóa tất cả các hộp kiểm đó ngay bên dưới div đó là gì?

Answer 1

Để bỏ chọn tất cả các hộp kiểm (như tiêu đề yêu cầu):

$('#termSheetPopup').find('input[type=checkbox]:checked').removeAttr('checked'); 

Để xóa tất cả các hộp kiểm (như các câu hỏi yêu cầu):

$('#termSheetPopup').find('input[type=checkbox]:checked').remove(); 

Answer 2

cách tiếp cận khác sẽ là:

Chỉ định một lớp (chỉ để sử dụng làm công cụ chọn) cho mỗi hộp kiểm,

<div id="termSheetPopup"> 
<div style="text-align:center;"> 
    <select id="termSheetType"> 
     <option>Internal</option> 
     <option>Borrower Facing</option> 
    </select> 
</div> 

<input type="checkbox" class="chk" name="SummaryInformation">Summary Information<br /> 
<input type="checkbox" class="chk" name="ProductLegs">Product Legs<br /> 
<input type="checkbox" class="chk" name="AmortizationOptions">Amortization Options<br /> 
<input type="checkbox" class="chk" name="Values">Values<br /> 
<input type="checkbox" class="chk" name="Rates">Rates<br /> 
<input type="checkbox" class="chk" name="RatesSpecific">Rates (All-In-Rate, PV01)<br /> 
<input type="checkbox" class="chk" name="AmortizationSchedule">Amortization Schedule<br /> 
<input type="checkbox" class="chk" name="SponsorInfo">Sponsor/Affiliate Info<br /> 
<input type="checkbox" class="chk" name="BorrowerInfo">Borrower Info<br /> 
<input type="checkbox" class="chk" name="SponsorContacts">Sponsor/Affiliate Contacts<br /> 
<input type="checkbox" class="chk" name="CashFlows">Cash Flows<br /> 
<input type="checkbox" class="chk" name="PrePayment">Pre-Payment<br /> 
<input type="checkbox" class="chk" name="FutureExposure">Potential Future Exposure<br /> 
<input type="checkbox" class="chk" name="FutureExposureSpecific">Potential Future Exposure (Max Number and Date Only)<br /> 
<input type="checkbox" class="chk" name="History">History<br /> 

Và sử dụng dưới đường để kiểm tra tất cả các hộp kiểm sau:

$('.chk').attr("checked", true); 

Đối xóa, tôi đoán bạn muốn xóa hộp kiểm cùng với tiêu đề. Chèn chúng vào một div với một số id. Và loại bỏ div rằng:

<div id="someid"><input type="checkbox" class="chk" name="SummaryInformation">Summary Information</div> 

Sử dụng mã dưới đây để xóa:

$('#someid').remove() 

này sẽ loại bỏ hộp kiểm như wel như các văn bản kể từ khi div được lấy ra.