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>

重置所选元素内的复选框

2 个答案: