th:onclick根据返回数据动态设置return false
时间: 2024-09-12 13:16:00 浏览: 31
使用jquery DataTable和ajax向页面显示数据列表的方法
`th:onclick` 是Thymeleaf模板引擎中的指令,用于在HTML中添加JavaScript事件处理器,通常用于表单提交操作中。当你需要根据服务器返回的数据动态决定是否阻止默认的表单提交行为时,可以这样做:
```html
<button type="submit" th:onclick="'return !'+dataFromServer ? 'true' : 'false';">点击</button>
<script>
// 假设dataFromServer是一个从服务器获取到的变量
function handleButtonClick() {
if (typeof dataFromServer !== 'undefined' && !dataFromServer) {
return false; // 如果dataFromServer为假(比如0、null或""),则阻止表单提交
} else {
return true; // 否则允许表单提交
}
}
</script>
```
在这个例子中,`th:onclick`会将`!dataFromServer`的结果作为字符串传递给JavaScript表达式,如果`dataFromServer`为真,则点击按钮不会阻止表单提交;反之,会阻止。
阅读全文