重置複選框內選定的元素

Question

我有幾個div和ul元素裏面有幾個複選框。我需要取消選中某些選定的div和ul。

我想這樣的事情只爲.cd-filter-content-alt工作，

$('.margin_float_metric, .cd-filter-content-alt input[type=checkbox]').prop('checked', false); 

我知道，我們可以單獨用它來取消。但出於某些原因，我需要在一條線內。

喜歡的東西，我們有點擊，

$('#buttonA, #buttonB, #buttonC').click(function (e) { 
}); 

任何可能性？

Answer 1

看看這個例子。

$("#checkAll").change(function() { 
 
    $("input:checkbox").prop('checked', $(this).prop("checked")); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 

 
<label><input type="checkbox" id="checkAll"/> Check & uncheck all</label> 
 

 
<div> 
 
    <ul> 
 
    <li><label><input type="checkbox" /> Option 1</label></li> 
 
    <li><label><input type="checkbox" /> Option 2</label></li> 
 
    <li><label><input type="checkbox" /> Option 3</label></li> 
 
    <li><label><input type="checkbox" /> Option 4</label></li> 
 
    </ul> 
 
</div> 
 

我希望這可以幫助您:)

Answer 2

如果你想取消由分隔div的分離式按鍵複選框，這個例子可能會有幫助。

$(document).ready(function() { 
 

 
    $(".resetDiv").on('click', function() { 
 
     $(this).parent().find("input:checkbox").prop('checked', false); 
 
    }); 
 

 
});

<script src="https://code.jquery.com/jquery-1.12.4.min.js" type="text/javascript"></script> 
 

 
    
 
<div> 
 
<input type="Button" Value="Dv1Res" class="resetDiv"> 
 
    <ul> 
 
    <li><label><input type="checkbox" /> Check div1-1</label></li> 
 
    <li><label><input type="checkbox" /> Check div1-2</label></li> 
 
    <li><label><input type="checkbox" /> Check div1-3</label></li> 
 
    <li><label><input type="checkbox" /> Check div1-4</label></li> 
 
    </ul> 
 
</div> 
 
<div> 
 
    <input type="Button" Value="Dv2Res" class="resetDiv"/> 
 
    <ul> 
 
    <li><label><input type="checkbox" /> Check div2-1</label></li> 
 
    <li><label><input type="checkbox" /> Check div2-2</label></li> 
 
    <li><label><input type="checkbox" /> Check div2-3</label></li> 
 
    <li><label><input type="checkbox" /> Check div2-4</label></li> 
 
    </ul> 
 
</div>