Javascript jQuery-单击复选框“添加类”和“删除类”

我正在使用引导创建一个复选框，我想创建一个复选框，点击所有复选框，反之亦然（我知道stackoverflow中有很多关于这一点的指南），但它只对输入有效

在本例中，我使用标签“label”封装输入，当激活复选框引导时，会自动将“active”类添加到此标签，从而导致出现“check”。当我尝试实现在这里找到的脚本，将“checked”属性添加到复选框的输入时，由于这个原因，它们不起作用，因此我尝试了以下方法：

$('label#seleccionartodos').click(function(){
  $('input.videoscheck').prop('checked', true).parent().addClass('active');
}); 

这是我的html：

<div class="form-group" data-toggle="buttons">
<label for="selectall">SELECT / UNSELECT ALL:</label>
<label class="btn btn-success" id="seleccionartodos">
  <input type="checkbox" id="selectall" autocomplete="off">
  <span class="glyphicon glyphicon-ok"></span>
</label>
</div>
<div class="form-group" data-toggle="buttons">
  <label class="btn btn-success">
    <input type="checkbox" class="videoscheck" autocomplete="off">
    <span class="glyphicon glyphicon-ok"></span>
  </label>
 </div>
 <div class="form-group" data-toggle="buttons">
  <label class="btn btn-success">
    <input type="checkbox" class="videoscheck" autocomplete="off">
    <span class="glyphicon glyphicon-ok"></span>
  </label>
 </div>
 <div class="form-group" data-toggle="buttons">
  <label class="btn btn-success">
    <input type="checkbox" class="videoscheck" autocomplete="off">
    <span class="glyphicon glyphicon-ok"></span>
  </label>
 </div>

选择/取消选择全部：

这是可行的，当我单击复选框时，将“checked”属性添加到带有“.videoscheck”类的所有复选框中，并将“active”类添加到包含它们的父标记中

但由于我不擅长jQuery，我不知道如何操作，因此当我再次单击它时，所有其他复选框都将被取消选中（即，与初始操作相反）

但我更喜欢这种方式：（您已经将标签绑定到了checkbox，所以您可以处理checkbox的

change

事件）

但我更喜欢这种方式：（您已经将标签绑定到了checkbox，所以您可以处理checkbox的

change

事件）

jQuery有一个功能：

$('div').click(function() {
  $(this).toggleClass('active');
}

jQuery有一个功能：

$('div').click(function() {
  $(this).toggleClass('active');
}

---

我认为最好将更改事件绑定到复选框本身：

$('input#selectall').change(function(){
  if (this.checked) {
    $('input.videoscheck').prop('checked', true).parent().addClass('active');
  } else {
    $('input.videoscheck').prop('checked', false).parent().removeClass('active');
  }
});

---

我认为最好将更改事件绑定到复选框本身：

$('input#selectall').change(function(){
  if (this.checked) {
    $('input.videoscheck').prop('checked', true).parent().addClass('active');
  } else {
    $('input.videoscheck').prop('checked', false).parent().removeClass('active');
  }
});

---

这很好用。谢谢你的帮助，也谢谢其他花时间回复的人。这非常有效。谢谢你的帮助，也谢谢其他花时间回复的人。