需要一个在三个值之间循环的切换按钮

Question

我正在尝试创建一个按钮,当点击该按钮时,会依次通过三个不同的值循环广告:"排除","包含"和"不确定".我能够创建一个简单的按钮,可以使用以下内容切换值:

function valChange()      {
 document.myForm.myButton.value="Value has changed"
}

但是,一旦我在那里放了一些if ... else逻辑来处理这三个值,它在第一次点击时仍会改变,但在后续点击时不会改变.有人有主意吗？我正在使用javascript和coldfusion,所以如果有一种方法可以使用CFC,甚至jQuery轻松实现这一点,我对此持开放态度.

提前致谢.

Answer 1

关键字在这里是三态,Google就是这样,你会找到很多好的资源.例如这个网站.

我只是做了这个简单的例子,没有使用任何全局变量:

// Wrap variables that shouldn't be globals in a self-executing function
document.getElementById('element').onclick = (function(){

    var i = 0;
    var states= ['first', 'second', 'third'];

    return function(){
        // Increment the counter, but don't let it exceed the maximum index
        i = ++i%states.length; 
        this.value = states[i];
    };

})();