Javascript 选中div而不是复选框

我有一个div，在那里我显示了一个用户列表，我可以邀请他们参加我的拍卖。该列表是从DB加载的

一切正常，我想检查所有标签，而不是复选框，所以我做了如下操作：

邀请会员
{{user.name}
{{user.role}
{{user.company}}

我在css上这样做：

label {
  display: block;
  cursor: pointer;
}
.checkbox {
  display: none;
}
.checkbox:checked + label {
  background-color: lightseagreen;
}

但这只对第一个用户有效，对其他用户无效

标签{
显示：块；
背景色：#e4；
边框底部：1px实心#CCC；
光标：指针；
填充物：5px10px；
}
标签*{
显示：内联块；
}
.复选框{
显示：无；
}
.复选框：选中+标签{
背景色：红色；
颜色：白色；
}

邀请会员
梅西
前锋
巴塞罗那

标签{
显示：块；
背景色：#e4；
边框底部：1px实心#CCC；
光标：指针；
填充物：5px10px；
}
标签*{
显示：内联块；
}
.复选框{
显示：无；
}
.复选框：选中+标签{
背景色：红色；
颜色：白色；
}

邀请会员
梅西
前锋
巴塞罗那

这将在

输入上没有ID的情况下工作


var myApp=angular.module（'myApp'，[]）
.controller（'UsersCtrl'，函数（$scope）{
$scope.users=[{
名称：'用户一'，
角色：'管理员'，
公司：“ABC公司”
}, {
名称：'用户二'，
角色：'管理者'，
公司：“XYZ公司”
}, {
名称：'富吧'，
角色：'管理员'，
公司：“ABC公司”
}];
});
body{背景色：#eee；颜色：#444；填充：20px；}
.用户标签{
显示：块；
背景色：#fff；
盒影：0 2px4pRGBA（0,0,0,0.2）；
保证金：2倍；
填充：0；
光标：指针；
}
.username{font size:14px；font-weight:bold；}
.user label>div{padding:4px 10px；}
.user label.checkbox{display:none；}
.user label.checkbox:checked+div{背景色：青色；颜色：白色；}

{{user.name}
{{user.role}
{{user.company}}
这将在
输入上没有ID的情况下工作


var myApp=angular.module（'myApp'，[]）
.controller（'UsersCtrl'，函数（$scope）{
$scope.users=[{
名称：'用户一'，
角色：'管理员'，
公司：“ABC公司”
}, {
名称：'用户二'，
角色：'管理者'，
公司：“XYZ公司”
}, {
名称：'富吧'，
角色：'管理员'，
公司：“ABC公司”
}];
});
body{背景色：#eee；颜色：#444；填充：20px；}
.用户标签{
显示：块；
背景色：#fff；
盒影：0 2px4pRGBA（0,0,0,0.2）；
保证金：2倍；
填充：0；
光标：指针；
}
.username{font size:14px；font-weight:bold；}
.user label>div{padding:4px 10px；}
.user label.checkbox{display:none；}
.user label.checkbox:checked+div{背景色：青色；颜色：白色；}

{{user.name}
{{user.role}
{{user.company}}
我不认为div是labluse span的有效子元素，而不是用span指定的子元素的div检查这些链接@Nimish-注意它是有角度的，我不认为div是labluse span的有效子元素，而不是用span指定的子元素的div检查这些链接@尼米什-注意，很抱歉，这只适用于第一个用户，因为您再次与其他用户一起使用它。但是，当我重复ng时，我会同时获得所有用户，我用我使用的部分代码编辑了您的代码。你能帮我吗？你只需要确保输入-'id'和标签-'for'对于每个用户都是相同的唯一值。您可以使用{{user.id}}值来实现这一点。{{user.name}{{user.role}{{{user.company}}诸如此类？几乎，HTML id参数不能是纯数字。因此，将它们更改为id=“user-{{user.id}}”和for=“user-{{user.id}”。当然，在这种情况下user.id必须是数据库表中的一行。很抱歉，这仅适用于第一个用户，因为您将再次与其他用户一起使用它。但是，当我重复ng时，我会同时获得所有用户，我用我使用的部分代码编辑了您的代码。你能帮我吗？你只需要确保输入-'id'和标签-'for'对于每个用户都是相同的唯一值。您可以使用{{user.id}}值来实现这一点。{{user.name}{{user.role}{{{user.company}}诸如此类？几乎，HTML id参数不能是纯数字。因此，将它们更改为id=“user-{{user.id}}”和for=“user-{{user.id}”。当然，在这种情况下user.id必须是数据库表中的一行。我理解这一点，但这适用于您创建的两个用户。在我的例子中，我一次从数据库加载所有用户。当我写标签时，它会加载我存储的4个用户，我理解这一点，但这适用于您创建的两个用户。在我的例子中，我一次从数据库加载所有用户。当我写标签时，它会加载我存储的4个用户，