Javascript 使用ToggleButton切换按钮标签和功能

Javascript 使用ToggleButton切换按钮标签和功能,javascript,dojo,Javascript,Dojo,这是我正在做的,我提到的 在这里,我不明白val是从哪里传来的。 如何将标签切换为“开始”和“停止” 单击并单击“启动”按钮时,如何执行“警报”(“功能1”) alert('function 2')何时单击Stop?我计划有不同的功能 如果是否选中/切换了togglebutton,则onChange事件处理程序将返回一个布尔值。因此,您可以轻松地编写一个,如果,如下所示: onChange: function(val) { if (val) { this.set('lab

这是我正在做的,我提到的

在这里,我不明白
val
是从哪里传来的。

  • 如何将标签切换为“开始”和“停止”
  • 单击并单击“启动”按钮时,如何执行“警报”(“功能1”)
    alert('function 2')
    何时单击
    Stop
    ?我计划有不同的功能

  • 如果是否选中/切换了togglebutton,则
    onChange
    事件处理程序将返回一个布尔值。因此,您可以轻松地编写一个
    ,如果
    ,如下所示:

    onChange: function(val) {
        if (val) {
            this.set('label', 'Stop');
            alert('function 1');
        } else {
            this.set('label', 'Start');
            alert('function 2');
        }
    }
    
    onChange: function(val) {
        if (val) {
            this.function1();
        } else {
            this.function2();
        }
    },
    function1: function() {
        this.set('label', 'Stop');   
        alert("function1");
    },
    function2: function() {
        this.set('label', 'Start');
        alert("function2");
    },
    
    如果您想在其他函数中分离这两个函数,您可以每次重写
    onChange
    事件处理程序,但我认为如果您只执行以下操作会更容易:

    onChange: function(val) {
        if (val) {
            this.set('label', 'Stop');
            alert('function 1');
        } else {
            this.set('label', 'Start');
            alert('function 2');
        }
    }
    
    onChange: function(val) {
        if (val) {
            this.function1();
        } else {
            this.function2();
        }
    },
    function1: function() {
        this.set('label', 'Stop');   
        alert("function1");
    },
    function2: function() {
        this.set('label', 'Start');
        alert("function2");
    },
    
    我还更新了你的