Reset checkbox inside selected elements

Question

I have few div and ulelements which has several checkboxes inside. I need to uncheck those for some selected div and ul.

I tried something like this which works only for .cd-filter-content-alt,

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

I know that we can use it separately to uncheck. But for some reasons i need those inside a single line.

Something like we have for click,

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

Any possibilities?

Please click the `<>` snippet editor and create a [mcve] - your code could work if the selectors are correct which we cannot judge — mplungjan, Apr 06 '17 at 06:38
try this *$('.margin_float_metric input[type=checkbox], .cd-filter-content-alt input[type=checkbox]').prop('checked', false);* — JYoThI, Apr 06 '17 at 07:11

score 0 · Answer 1 · answered Apr 06 '17 at 06:42

Look at this example.

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

I hope this helps you :)

That is not his problem. I believe his problem is a selector issue. If your code answers his issue, then this is a duplicate: http://stackoverflow.com/questions/5229023/jquery-check-uncheck-all-checkboxes-with-a-button — mplungjan, Apr 06 '17 at 06:42

score 0 · Answer 2 · answered Apr 06 '17 at 07:17

If you want to uncheck checkboxes by seperated buttons from seperated divs, this example may be helpful.

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

Its not a click, thats a sample i gave which we use for button. I need to uncheck the checkboxes inside multiple elements. — A Coder, Apr 06 '17 at 07:33
and how will you choose this elements? by another checkboxes? It's not clear enough. — ReadyFreddy, Apr 06 '17 at 07:37

Reset checkbox inside selected elements

2 Answers2