2017-09-23 4 views
-3

最初のボタンを5回以上クリックした後に2番目のボタンをアクティブにしようとしています。これどうやってするの。ボタンを5回以上クリックして別のボタンをアクティブにする

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

    }); 
}); 
+0

あなたはセッションストレージを通じてBTN#1クリック数を追跡することができます。カウントが5に達すると、btn#2を有効にすることができます。 – msg

+2

純粋なコードの書き込み要求は、スタックオーバーフローに関するトピックではありません。 質問は*具体的なプログラミングの問題と関連していますが、 は喜んでそれはあなた自身! [何を試してみましたか](https://stackoverflow.com/help/how-to-ask)とどこにいるのか教えてください。 これはまた、あなたの質問によく答えるのにも役立ちます。 – glennsl

+0

ようこそスタックオーバーフロー。あなたはすでにこれをやってみましたか? [良い質問をするにはどうすればいいですか](https://stackoverflow.com/help/how-to-ask)をご覧ください。スタックオーバーフローはコーディングサービスではありません。 ***あなたの問題を研究し、投稿する前に自分でコードを書いてみることをお勧めします***。 *特定の*に固執する場合は、[最小限の、完全で検証可能な例](https://stackoverflow.com/help/mcve)とあなたが試したことの概要を含めてお手伝いしてください。 – FluffyKitten

答えて

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>

+0

np、それがすべての場合は、質問を閉じてください(回答を受け入れてください) – SourceOverflow

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>

よろしく

関連する問題