如何通过单击另一个按钮启用禁用按钮?

时间:2013-07-11 03:22:05

标签: html5 button ibm-mobilefirst

我有两个按钮:

<button onclick=initialize() id="1" data-role="button" data-mini="true" data-corners="false" data-theme="b">Show My Position</button>
<button onclick=calcRoute() id="2" data-role="button" data-mini="true" data-corners="false" data-theme="b">Evacuate !</button>

我希望默认情况下禁用第二个按钮,并在单击第一个按钮时启用它。我该如何做到这一点?

1 个答案:

答案 0 :(得分:12)

请参阅以下问题解答:

最简单的方法是(只是一个纯粹的例子,不考虑浏览器等):

<html>
<head>
    <script>
        function enableButton2() {
            document.getElementById("button2").disabled = false;
        }
    </script>
</head>
<body>
    <input type="button" id="button1" value="button 1" onclick="enableButton2()"  />
    <input type="button" id="button2" value="button 2" disabled />
</body>
</html>