Thymeleaf如何根据指定th:value禁用th:href链接保留显示文本

你原代码存在两个逻辑问题：

1. 直接在<a>标签上同时使用互斥的th:if/th:unless判断，当requeststatus.id >=4时整个<a>标签不会被渲染，标签内绑定的requeststatus.title文本自然也不会显示。
2. 循环内固定写id="requeststatus"会生成多个同ID元素，违反HTML全局ID唯一的规范，建议改为动态ID或使用class选择器。

顺带一提：Thymeleaf的th:*属性本身运行在表达式环境中，内部引用变量不需要额外嵌套${}，你原代码中th:if="(${requeststatus.id} == ${request.request_status_id})"属于冗余写法，直接写变量名即可正常运行。

方案1：分标签条件渲染（推荐，语义合规无额外样式） #

用Thymeleaf内置的无渲染标签th:block承载循环逻辑，内部根据ID值分别渲染可点击链接和普通文本，不需要额外写CSS，完全符合HTML语义规范：

<td>
    <!-- th:block不会生成额外HTML标签，仅承载逻辑 -->
    <th:block th:each="requeststatus : ${requeststatuses}">
        <!-- id<4 且 匹配当前请求状态时，渲染可跳转链接 -->
        <a th:if="${requeststatus.id < 4 && requeststatus.id == request.request_status_id}"
           th:id="'requeststatus_' + ${requeststatus.id}"
           th:href="@{'/system/request/edit/requeststatusid/' + ${request.id}}"
           th:text="${requeststatus.title}"
           th:value="${requeststatus.id}">
        </a>
        <!-- id>=4 且 匹配当前请求状态时，渲染普通不可点击文本 -->
        <span th:if="${requeststatus.id >= 4 && requeststatus.id == request.request_status_id}"
              th:text="${requeststatus.title}"
              th:value="${requeststatus.id}">
        </span>
    </th:block>
</td>

方案2：单标签属性控制（代码更简洁） #

保留单个<a>标签，通过三元表达式控制href属性的输出：当ID>=4时th:href赋值为null，Thymeleaf会自动不渲染该属性，同时追加禁用样式实现不可点击效果：

<td>
    <a th:each="requeststatus : ${requeststatuses}"
       th:if="${requeststatus.id == request.request_status_id}"
       th:id="'requeststatus_' + ${requeststatus.id}"
       <!-- id<4才生成href，否则不输出该属性 -->
       th:href="${requeststatus.id < 4} ? @{'/system/request/edit/requeststatusid/' + ${request.id}} : null"
       th:text="${requeststatus.title}"
       th:value="${requeststatus.id}"
       <!-- id>=4时追加禁用样式 -->
       th:classappend="${requeststatus.id >=4} ? 'text-disabled' : ''">
    </a>
</td>

配套自定义CSS样式：

.text-disabled {
    color: inherit; /* 继承父元素文本颜色，和普通文本显示一致 */
    text-decoration: none; /* 去掉链接默认下划线 */
    pointer-events: none; /* 禁止鼠标点击事件响应 */
    cursor: default; /* 鼠标悬浮时显示默认箭头而非链接手型 */
}

两种方案都可以实现预期逻辑：

• 当requeststatus.id <4时：显示可点击的跳转链接，原有跳转逻辑完全不变
• 当requeststatus.id >=4时：正常显示状态标题文本，无跳转属性，鼠标点击无响应，和普通文本展示效果完全一致

内容的提问来源于stack exchange，提问作者ACDC71