javascript - 为什么复选框 `checkall` 不标记/取消标记其他框

Question

为什么复选框 checkall 不标记/取消标记其他 checkboxes

https://jsfiddle.net/5s3krtLv/

<div ng-controller="ContactMessagesController">
    <input ng-click="MarkCheckBox()" id="checkall" class="mangerTdLabel" type="checkbox" />
    <table id="usersTable">
        <tr>
            <td>
                <input type=checkbox class=checkBoxJs1 />
                <input type=checkbox class=checkBoxJs1 />
                <input type=checkbox class=checkBoxJs1 />
            </td>
        </tr>
    </table>
</div>


app.controller('ContactMessagesController', ['$scope', function ($scope) {


$scope.MarkCheckBox = function () {
        $('#usersTable').find('.checkBoxJs1:input[type=checkbox]').prop('checked', this.checked);
    }
}]);

Answer 1

尝试使用 ng-model 和 ng-checked 指令

<div ng-app="" ng-controller="ContactMessagesController">
      <input id="checkall" ng-model="active" class="mangerTdLabel" type="checkbox" />

        <table id="usersTable" >
             <tr>
             <td>
                <input type="checkbox" ng-checked="active" class="checkBoxJs1"  /> 
                <input type="checkbox" ng-checked="active" class="checkBoxJs1"  />
                <input type="checkbox" ng-checked="active" class="checkBoxJs1"  />

            </td>
            </tr>
        </table>
    </div>

Fiddle