Javascript 剔除JS以突出显示在数组中选中的标签或行

我有一个票务系统，它是用模板编写的。模板结构如下所示 对于页面上的多个用户重复此模板。在此parent.AssignedTickets中，是分配给用户的票证Id列表。所以系统有多个ticketID，若它被分配给用户，那个么它会显示checked

<script type="text/html" id="TicketAssignmentTemplate">
    <td>
        <label>
          <input type="checkbox" data-bind="checkedValue: TicketId, checked: $parent.AssignedTickets" />
        </label>
    </td>
    <td>
        <label data-bind="text: title"></label>
    </td>
</script>
<style>.success{background-color: #DFF0D8;}</style>

如果选中复选框，我想更改标签颜色

<script type="text/html" id="TicketAssignmentTemplate">
    <td>
        <label>
          <input type="checkbox" data-bind="checkedValue: TicketId, checked: $parent.AssignedTickets" />
        </label>
    </td>
    <td>
        <label data-bind="text: title"></label>
    </td>
</script>
<style>.success{background-color: #DFF0D8;}</style>

.success{背景色：#DFF0D8；}

---

我尝试了数据绑定标签css:{success:！$parent.AssignedTickets}，但没有成功。惊喜不可能那么简单。还有什么我可以尝试的吗？

进一步查看问题，不确定使用

$parent.AssignedTasks

observable数组作为选中和表示成功的标志，您想要实现什么。不确定下面的问题是否回答了您的问题，但我会这样做

希望能有帮助

var数据=[{
id:1，
标题：“测试1”
},
{
id:2，
标题：“测试2”
},
{
id:3，
标题：“测试3”
},
]
var Vm=函数（）{
var self=这个；
self.AssignedTickets=ko.observearray（[]）；
var mappedTickets=data.map（函数（项）{
退票（项）；
})
自行分配的票证（mappedTickets）；
}
功能票（数据）{
var self=这个；
self.TicketId=ko.可观察（data.id）；
self.title=ko.可观察（data.title | |“”）；
自我分配=可观察到（假）；
}
应用绑定（新Vm（））
。成功{
背景色：#DFF0D8；
}




Id为的票证已分配未分配
try
css:{success:！$parent.AssignedTickets（）}
$parent.AssignedTickets有来自数据库的数据，该数据库被勾选为已分配的ID。因此，我需要在加载时将其显示为选中并上色，但当我检查其他行时，$parent.AssignedTickets需要更新。因此它是可观测阵列。提交页面时，我使用$parent.AssignedTickets更新此用户的数据库。如何在此处附加屏幕截图？“$parent.AssignedTickets”是分配给用户的GUI的可观察数组。模板首先由第二个数组生成，该数组具有系统中所有票据的GUID和标题。然后选中：$parent.AssignedTickets显示已分配的票证。