jQuery if grouped复选框选中change parent

我正在尝试让家长选中复选框列表，以便在选中复选框后立即更改。请看我在这把小提琴上的摆设：

我需要的是蓝色正方形（一个跨度），以便在选中一个或多个复选框/单选按钮后立即更改颜色。如果未选中“无”，或者（为了使其更复杂），如果选中“重置”复选框，则必须将其更改回。“重置”复选框会重置列表中的所有复选框

所以简单地说，一定有这样的东西：

 if ('#box input[type=checkbox]:checked').length) {
     var header = $(this).closest('#header span');
        $header.addClass('green');
    }

我不知道如何在jQuery中获得正确的父div并更改其颜色。可能通过添加一个类并在CSS中为其添加颜色。具体怎么做

---

提前谢谢。

单选按钮怎么样？请参阅@ArunPJohny Well。。它确实是绿色的。然而，其他功能不再工作了，它们工作得很好。我确实需要单选按钮也一样。@ArunPJohny没关系得到它。。谢谢