单击一个按钮5次或更多,然后激活另一个按钮

时间:2017-09-23 18:48:19

标签: javascript html css

我尝试在第一个按钮上点击5次或更多次后激活第二个按钮。我怎么能这样做。

$(function(){
    $("#bt1").click(function(){
        $(this).attr("disabled", "disabled");
        $("#bt2").removeAttr("disabled");

    });
});

2 个答案:

答案 0 :(得分:0)

喜欢这个吗?

var cnt = 0;
$('#btn1').on('click', function() {
  cnt++;
  console.log(cnt); //remove this line to not see the count
  if(cnt >= 5) {
    $(this).attr("disabled", "disabled");
    $("#btn2").removeAttr("disabled");
  }
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="btn1">Button 1</button>
<button id="btn2" disabled>Button 2</button>

答案 1 :(得分:0)

这是一个非常简单的例子:

var counter = 0;
$(".one").click(function() {
    counter += 1;
    if (counter > 4) {
        $(".two").removeAttr("disabled");
    }
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<button class="one">First Button</button>
<button class="two" disabled>Second Button</button>

此致