php - 带有getElementById的Javascript onclick不起作用

Question

启用 html 文本框的简单 onclick 功能不起作用...单击文本框时没有任何反应。使用变量作为 id 的一部分。

<script language="JavaScript">

function unlock(id)
{
    document.getElementById('strain'+id).disabled=false;
    return false;
}

    </script>


<input id="strain343" type="text" value="54.24" onclick="return unlock(343);" disabled="true" name="strain"></input>

Answer 1

禁用的输入不会捕获点击事件。

查看简化的演示。

另见规范：

禁用的表单控件必须防止在用户交互任务源上排队的任何单击事件在元素上分派。

---

您需要重新考虑您的 UI 以避免元素被禁用或避免需要单击它。

Answer 2

将您的输入包装在另一个块元素中；附加 onclick 事件。

Answer 3

您不能“单击”禁用的输入。但是点击事件是由父母捕获的。

    <div id="strainWrapper" onclick="unlock(343)">
        <input class="strainTB" id="strain343" type="text" value="54.24" disabled="true"></input>
    </div>
    <script>
        function unlock(id) {
            document.getElementById('strain' + id).disabled = false;
            return false;
        }
    </script>