jquery - jQueryを使用したonClickハンドラ - 2回クリックしますか?

Question

同じ要素で onClick ハンドラを作成することは可能ですが、他の 2 つの呼び出しがありますか?

つまり：

ボタンをクリックするとアラートTRUEが表示され、もう一度クリックするとFALSEテキストアラートが表示されますが、もう一度クリックすると、最初にクリックしたときと同じように動作するはずです。TRUE、 もう1回。

jQueryでそれを行うことは可能ですか(もしそうなら-どのように)?

Answer 1

あなたが説明しているのは、古典的なトグルです。

JavaScript は次のようになります。

var toggle = false;
$(document).ready(function(){
    $("#clickme").click(function(){
        toggle = !toggle;
        alert(toggle);
    }); 
});​

このリンクで動作する JSFIDDLE の例を用意しました: 例

Answer 2

このアプローチを試すことができます

​$(function() {
    var i =0;
    $('#btn1').on('click' , function() {
        if( i%2 == 0){
           alert(' TRUE !!');
        } 
        else{
           alert(' FALSE !!');
        }  
        i++;        
    });
});​

作業フィドル

Answer 3

var flag = true;
$('#button').on('click', function() {
  if( flag ) {
    alert('TRUE');
  } else {
    alert('FLASE');
  }
  flag = !flag;
});

デモ

ノート

関数内ですべてのjQueryコードをラップし$(document).ready()ます。

Answer 4

divでそれを行う方法は次のとおりです

<button id="clicker">Click Me</button>
<div id="true" style="display: none;">True!</div>
<div id="false" style="display: none;" class="firstTime">False!</div>​

内部ドキュメント準備完了:

​$("#clicker").click(function(){
    if ($("#false").hasClass("firstTime")){
        $("#false").removeClass("firstTime");
        $("#true").show();
    } else {
        $("#true").toggle();
        $("#false").toggle();
    }
});​​​​​​​

例

Answer 5

これを見つけました：

$('#my-element').toggle(function(){
     alert("true");
}, function(){
     alert("false");
});