首页 > 解决方案 > 如何使用 disabled 属性标签

问题描述

因此,我认为使用此属性禁用网页上的按钮会很简单,但由于该按钮仍可完全单击,因此无法按预期工作。

最终目标是一个“灰色”按钮,根据条件不可点击,但即使只是试图一直禁用该按钮似乎也不起作用。任何帮助,将不胜感激。

按钮代码

<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="sj" uri="/struts-jquery-tags"%>
<%@ taglib prefix="sjg" uri="/struts-jquery-grid-tags" %>

<div id="viewLogButton" class="type-button" align="center" >
        <s:url var="getLog" action="getRPLog" />
        <sj:a button="true" disabled="true" formIds="getRPLog" onClickTopics="getRPLogSubmit" href="%{getLog}">View Log</sj:a>
    </div>

标签: jquerystruts2struts2-jquery

解决方案


超链接没有禁用属性。添加类“禁用”并应用 css指针事件:无;为了那个原因。也许会有所帮助。

像。

<style>
a.disabled {
  pointer-events: none;
  cursor: default;
}
</style>

根据条件添加“禁用”类。

<!-- add class="disabled" based on your condition -->
<sj:a button="true" class="disabled" formIds="getRPLog" onClickTopics="getRPLogSubmit" href="%{getLog}">View Log</sj:a>

推荐阅读