Question

大家好我是JavaScript语言的新手，问题是页面运行按钮（1）应该被禁用而另一个应该是可点击的，点击按钮后（2）启用按钮（1）请帮助我...

Answer 1

您可以使用下面的代码，也就是说，当页面加载时，button1将被禁用，button2将被启用，点击button2 button1将被启用

在JS中：

$( "#button1" ).prop( "disabled", true );

function buttonClick(){
$( "#button1" ).prop( "disabled", false );
}

在HTML中：

<input type="button" id="button2" onclick="buttonClick()">

Answer 2

<html>

<!-- Include jQuery library -->
<head>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
</head>

<!-- Your css -->
<style>
  #button1, #button2 {
    width: 70px;
    height: 30px;
    background-color: #fff;
    color: #000;
    border: 1px solid black;
    cursor: pointer;
  }

  #button1.disabled {
    cursor: not-allowed;
    background-color: #e6e6e6;
    color: #808080;
  }
</style>

<!-- jQuery -->
<script>
  $(document).ready(function(){

     $('#button2').on('click', function(){

        $('#button1').removeClass('disabled');
        $('#button1').on('click', function(){
          // Your button 1 function
        });

     });

  });
</script>

<!-- Content -->
<body>
  <div id="button1" class="disabled">Button 1</div>
  <div id="button2">Button 2</div>
</body>
</html>

希望我回答你的问题。

Answer 3

将以下css添加到按钮：指针事件：无;

如果你想启用thw按钮，请添加以下css：

指针事件：defau

禁用和启用按钮

3 个答案: