Javascript 如何保存具有相同名称和id的复选框选择

我正在寻找如何在选定的子元素和其父元素之间创建关系的逻辑，以便在服务器上进行区分，从而知道该选项是在特定的父元素下选择的

例如在我下面的问题中，我想知道

Math

是在服务器端的哪个父节点（Andy、John或Murray）下选择的

我有以下代码

    <li ng-repeat="student in Students">
    <input type="checkbox" class="checkbox" id="{{student[0].Id + $index + $parent.$index}}"/>
    <label for="{{student[0].Id+ $index + $parent.$index}}"><span class="Radiobox-txt" id="{{student[0].Name}}">{{student[0].Name}}</span></label>
    <ul>
        <li ng-repeat="subject in student.Subjects">
            <input type="checkbox" id="{{subject.Id+ $index + $parent.$index}}" ng-model="subject.Checked" />
            <label for="{{subject.Id+ $index + $parent.$index}}"><span id="{{subject.Name}}">{{subject.Name}}</span></label>
        </li>
    </ul>
</li>

目前，以下是我的代码，我正在将所选子项的Id推送到数组中

可能我需要修改这段代码，以便将父Id和子Id一起推送到服务器上，这样我就可以知道它们之间的关系，但不确定是否要连接parentId或其他方式好主意吗？

$scope.studentDetail.PermissionIds = [];
angular.forEach($scope.permissions, function (p) {
var selectedPermissions = $filter('filter')(p.Children, { Checked: true });
for (var i in selectedPermissions) {
$scope.studentDetail.PermissionIds.push(selectedPermissions[i].Id);

---

使用student.id而不是student[0].id。我猜这是唯一的？

使用

类

。HTML

id

s必须是唯一的。

$scope.studentDetail.PermissionIds = [];
angular.forEach($scope.permissions, function (p) {
var selectedPermissions = $filter('filter')(p.Children, { Checked: true });
for (var i in selectedPermissions) {
$scope.studentDetail.PermissionIds.push(selectedPermissions[i].Id);