点击功能内的多个条件不起作用

时间:2013-09-25 21:28:53

标签: javascript jquery conditional

使用此代码并将chk1和chk2设为0,我无法猜出这个简单的代码函数有什么问题。

据我所知,有许多js方法可以使用click,例如“.click()”,“。on('click')”或“.onClick”,但它们都不起作用。看一下这个例子:

            regbtn.click(function() {
                            if(chk1 == 0){
                                if(chk2 == 1){
                                    box2.reverse();
                                    chk2 = 0;
                                }
                                box1.restart();
                                chk1 = 1;
                                }
                            });

        logbtn.click(function() {
                            if(chk2 == 0){
                                if(chk1 == 1){
                                    box1.reverse();
                                    chk1 = 0;
                                }
                                box2.restart();
                                chk2 = 1;
                                }
                            });

有什么理由说这不能正常工作吗?哪种方式是最新的,最好使用这三种方式点击js函数。

修改

regbtn和logbtn是2个按钮,分别打开2个不同的盒子,box1和box2,chk1和chk2用于检查另一个盒子是否打开,如果是,则先将其反转。

警报在任何地方都无法发挥作用。

这是要使用的初始代码变量:

    var regbox = document.getElementById("regbox"),
        logbox = document.getElementById("logbox"),
        regbtn = document.getElementById("regbtn"),
        logbtn = document.getElementById("logbtn");
    var chk1 = 0,
        chk2 = 0;

1 个答案:

答案 0 :(得分:1)

您正在尝试将JQuery方法应用于DOM元素。

尝试使用JQuery选择器:

   var regbox = $("#regbox"),
        logbox = $("#logbox"),
        regbtn = $("#regbtn"),
        logbtn = $("#logbtn");

这些返回连接到相关DOM元素的JQuery对象。 JQuery对象上的广泛(跨浏览器)方法使其如此强大。如果您发现自己直接使用DOM元素,这通常表明某些内容不太便携。