Question

任何人都可以帮助我根据点击事件启用按钮。

我需要一个场景，我们有两个按钮，Button1和Button2（默认情况下禁用）。

点击Button1后，请在10秒后说我的Button2应该启用。

我在下面的代码中做错了什么？单击Button1后，我的Button2未启用。任何人都可以帮助我。

提前致谢，乌代

<html>
<Head>
<Title>Synchronization</Title>
</head>
<script>
function PleaseWait()
{
    document.getElementsByName("SampleButton2").disabled=false;
}
</script>
<body>
<input type="button" name="SampleButton1" value="Button1" onclick="PleaseWait()">
<input type="button" name="SampleButton2" value="Button2" disabled>
</body>
</html>

Answer 1

你可以用jQuery做到这一点。

在$（document）.ready（）方法中，定义一个函数PleaseWait（），您可以在其中编写代码以从按钮中删除disabled属性。

然后当任何用户点击button1时，使用setTimeout（）方法在延迟后触发一个函数调用pleaseWait（）函数。我使用了5毫秒的延迟。你可以增加或减少它。

<!DOCTYPE html>
<html>
<head>
<title>DOM Level 0 Events Example</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
</head>

<body>
<input type="button" name="SampleButton1" value="Button1">
<input type="button" name="SampleButton2" value="Button2" disabled>
<script type="text/javascript">
  $(document).ready(function(e){

    function PleaseWait(){
        $('input[value="Button2"]').removeAttr('disabled');
    }

    $('input[value="Button1"]').click(function(e) {
        setTimeout(PleaseWait, 5000);
    });

  });
 </script>
</body>
</html>

Answer 2

试试这个

document.getElementsByName("SampleButton2").removeAttr('disabled');

或者您可以使用

$('SampleButton2').prop('disabled', false);

如何基于click事件启用按钮

2 个答案: