選択した要素内のチェックボックスをリセットする

Question

divとulの要素の中にいくつかのチェックボックスがあります。私はいくつか選択したもののチェックを外す必要がありますdivとul。

私は、我々がオフに個別にそれを使用することができます知っている

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

、唯一.cd-filter-content-altのために働く、このような何かを試してみました。しかし、何らかの理由で、私はそれらを1行に入れる必要があります。

何か私たちがどれ可能性

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