Question

我正在使用一个由表格组成的div，我使用了一个复选框来显示父级和子级复选框。当我点击父复选框时，我需要所有子复选框都被禁用，如果取消选中父复选框，则所有子复选框都应该取消选中。

以下是用于显示Div。

中的复选框的代码

<div class="dxqb-tableFields-wrapper">
<div class="dxqb-table-field-checkbox dx-widget dx-checkbox dx-checkbox-checked" data-bind="dxCheckBox: { value: selectedWrapper }, click: function(surface, e) { surface.toggleSelected(); e.stopPropagation(); return true;  }" tabindex="0" role="checkbox" onclick="void(0)" aria-checked="true">

<input type="hidden" name="" value="true">
  <div class="dx-checkbox-container">
    <span class="dx-checkbox-icon"></span>
  </div>
</div>

<div class="dxqb-table-field-checkbox dx-widget dx-checkbox" data-bind="dxCheckBox: { value: selectedWrapper }, click: function(surface, e) { surface.toggleSelected(); e.stopPropagation(); return true;  }" tabindex="0" role="checkbox" onclick="void(0)" aria-checked="false">
  <input type="hidden" name="" value="false">
  <div class="dx-checkbox-container">
    <span class="dx-checkbox-icon"></span>
  </div>
</div>
</div>

暂时我使用了两个复选框，一个是父，另一个是孩子。我们可以看到第一个复选框，隐藏字段的值为true表示复选框已选中，另一个复选框未选中，因此隐藏字段值为false。

如何使用jquery实现相同的目标？

选中取消选中div复选框jquery

0 个答案: