使用Thymeleaf，crntroller传入对象给html后，js如何修改传入的对象值？或者如何把这个对象付给js对象？

Question

使用Thymeleaf，crntroller传入对象给html后，js点击操作等如何修改传入的对象值？或者如何把这个对象付给js对象？比如下面的代码的onclick怎么写？

<ul class="nav nav-tabs">
    <li role="presentation" th:class="${menu.active}?'active':''"  th:each="menu:${menuList}"><a onclick="" th:text="${menu.name}"></a></li>
</ul>

controller如下：

        List<Menu> menuList = new ArrayList<Menu>();
        menuList.add(new Menu("首页", true));
        menuList.add(new Menu("论坛", false));
        menuList.add(new Menu("文档", false));
        menuList.add(new Menu("帮助中心", false));

        model.addAttribute("menuList", menuList);