Javascript 单击div如何选中复选框

我需要选中/取消选中复选框，单击div“user check”并调用doIfChecked（user）

我可以在ng repeat中选中复选框并调用doIfChecked

var-app=angular.module（'app'，[]）；
应用程序控制器（'cont'，['$scope'，函数（$scope）{
$scope.users={user1:1，user2:2，user3:3}；
$scope.toggleUserCo=函数（用户）{
user.co=！user.co；
}
$scope.doIfChecked=函数（数组）{
}
}]);
。用户检查{
宽度：600px；
边框：1px纯红；
}
假设
user.co
是一个布尔值，
检查表模型
相当于
ng模型
在您使用的任何指令中，您都可以设置
div
上的
ng点击
来设置
user.co=！user.co

例如：

<div class="user_check" ng-app="app" ng-click="toggleUserCo()">
    <input type="checkbox" checklist-value="contact" checklist-model="user.co" ng-click="doIfChecked(user)"/>
</div>

编辑

由于这是在一个
ng repeat
中，您只需将
user
对象传递给
toggleUserCo
函数，并对其执行操作：

<div class="user_check" ng-app="app" ng-click="toggleUserCo(user)">

非常感谢。但是我的块“user_check”在ng中重复，我有很多块和复选框，很抱歉忘记编写它。我用你的建议更新了我的代码，但它不起作用。请参阅jsBin中的标记。这应该行得通。您仍然没有将
user
传递给
toggleUserCo
函数
<div class="user_check" ng-app="app" ng-click="toggleUserCo(user)">

$scope.toggleUserCo = function(user) {
    user.co = !user.co;
}