javascript - Jquery 制作输入复选框从表中选择所有用户

Question

此示例:http://jsfiddle.net/jahn08/f7debwj2/27/它工作正常，将表 2 中的名称添加到表 1 中。

我想要的是，当我单击该框时也选择全部，现在我需要选择全部来选择所有名称，请参阅此打印:/image/PwtS6.jpg

目标:

  <div class="col-md-6">select all or none
    <div class="btn-group">
      <div class="btn btn-default dropdown-toggle" data-toggle="dropdown">
        <input type="checkbox" name="vehicle1" value="Bike">
        <i class="fa fa-caret-down" aria-hidden="true"></i>
      </div>
      <ul class="dropdown-menu" role="menu">
        <li><a id="checkAll">All</a></li>
        <li><a id="uncheckAll">None</a></li>
      </ul>
    </div>
  </div>

如果我单击箭头并选择全部，这会选择所有名称

如果我单击箭头并选择“无”，这会取消选择所有名称

问题:

表 2 中:the select all or none .

1: 单击箭头后:<i class="fa fa-caret-down" aria-hidden="true"></i>并选择所有

<input type="checkbox" name="vehicle1" value="Bike"> 

应该选择向用户显示所有内容都已选择，但现在不会发生。

2: 如果我单击箭头:<i class="fa fa-caret-down" aria-hidden="true"></i>并选择无，如下:<input type="checkbox" name="vehicle1" value="Bike">应删除向用户显示未选择任何内容的选择。

一切正常，我遇到的唯一问题是这个

 <input type="checkbox" name="vehicle1" value="Bike">

此框不会显示是否选择了所有用户。

Answer 1

这是 fiddle http://jsfiddle.net/f7debwj2/65/

基本上，您需要为复选框添加一个 id 并更改选中的属性

  $('#chk').prop('checked',check==1);