如何识别toggle()状态(true或false)

时间:2013-09-05 06:04:23

标签: javascript jquery css

我是JQuery的新手。

我想获得toggle()的状态,如它是真还是假?

这里我想设置变量,当切换被点击为真时,当它变为假时我想再次重置该变量值。

$(document).ready(function(){
         var neck='';
         var chest='';
            $("#neck,#chest").click(function(){
                $(this).toggleClass('opa');
            })
        })

这里的课程opa我只是设置不透明度。如果它是真的那么不透明度1如果它是假的那么不透明度为0.

此代码正常处理其切换类(添加和删除)。

但我想将颈部值设置为 neck =“neck”,如果它是真的(第一次点击#neck)或设置 neck =“”; 当它为假时(第二次点击#neck)。

我也提到了http://api.jquery.com/toggle/链接,但我找不到答案。

是否可以获得类似于true / false或类似的状态?

2 个答案:

答案 0 :(得分:6)

试试这个,

$(document).ready(function(){
    var neck='';
    var chest='';
    $("#neck,#chest").click(function(){
        if($(this).toggleClass('opa').hasClass('opa')){
           neck = "neck";
        }else{
           neck = "";
        }
    });
});  

答案 1 :(得分:0)

你应该阅读。这是在切换中设置布尔值的方法。你可以简单地将你的颈部变量传递给所需的值。

http://api.jquery.com/toggle/#toggle-showOrHide