Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/380.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/bash/17.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在复选框中捕捉单击事件_Javascript_Html_Checkbox_Ractivejs - Fatal编程技术网

Javascript 在复选框中捕捉单击事件

Javascript 在复选框中捕捉单击事件,javascript,html,checkbox,ractivejs,Javascript,Html,Checkbox,Ractivejs,我尝试使用RactiveJS点击复选框,如下所示: HTML: toggle函数从未被调用 为什么我要观看切换事件?因为一旦选中复选框,其他组件就必须更改。更准确地说,这是树中的复选框。在树节点中切换复选框将切换子节点 除了更改、输入或单击我错过了其他事件之外,可能还有其他事件 完整的代码在中。请尝试以下操作: 我为你做了一把小提琴 HTML: 试试这个: 我为你做了一把小提琴 HTML: 试试这个: 我为你做了一把小提琴 HTML: 试试这个: 我为你做了一把小提琴 HTML: 您的小提琴正在

我尝试使用RactiveJS点击复选框,如下所示:

HTML:

toggle
函数从未被调用

为什么我要观看切换事件?因为一旦选中复选框,其他组件就必须更改。更准确地说,这是树中的复选框。在树节点中切换复选框将切换子节点

除了
更改
输入
单击
我错过了其他事件之外,可能还有其他事件

完整的代码在中。

请尝试以下操作: 我为你做了一把小提琴

HTML:

试试这个: 我为你做了一把小提琴

HTML:

试试这个: 我为你做了一把小提琴

HTML:

试试这个: 我为你做了一把小提琴

HTML:


您的小提琴正在使用版本
0.3.7
,在该版本中,仅支持代理事件,并且没有可订阅的init事件,ractive本身也没有数组方法。所以你需要做一些类似的事情:

ractive.on('toggle', function(){
    this.get("clicked").push("clicked!");
});
最新的is版本是
0.6.1
,但您的代码仍然存在问题。如果要在ractive实例上调用方法,则需要在处理程序中调用该方法:

HTML:

如果要引发事件,则需要订阅该代理名称:

HTML:


您的fiddle使用的是版本
0.3.7
,在该版本中只支持代理事件,并且没有可订阅的init事件,ractive本身也没有数组方法。所以你需要做一些类似的事情:

ractive.on('toggle', function(){
    this.get("clicked").push("clicked!");
});
最新的is版本是
0.6.1
,但您的代码仍然存在问题。如果要在ractive实例上调用方法,则需要在处理程序中调用该方法:

HTML:

如果要引发事件,则需要订阅该代理名称:

HTML:


您的fiddle使用的是版本
0.3.7
,在该版本中只支持代理事件,并且没有可订阅的init事件,ractive本身也没有数组方法。所以你需要做一些类似的事情:

ractive.on('toggle', function(){
    this.get("clicked").push("clicked!");
});
最新的is版本是
0.6.1
,但您的代码仍然存在问题。如果要在ractive实例上调用方法,则需要在处理程序中调用该方法:

HTML:

如果要引发事件,则需要订阅该代理名称:

HTML:


您的fiddle使用的是版本
0.3.7
,在该版本中只支持代理事件,并且没有可订阅的init事件,ractive本身也没有数组方法。所以你需要做一些类似的事情:

ractive.on('toggle', function(){
    this.get("clicked").push("clicked!");
});
最新的is版本是
0.6.1
,但您的代码仍然存在问题。如果要在ractive实例上调用方法,则需要在处理程序中调用该方法:

HTML:

如果要引发事件,则需要订阅该代理名称:

HTML:


我需要RactiveJS来处理事件/函数调用,所以这对我不起作用。无论如何谢谢,我需要RactiveJS来处理事件/函数调用,所以这对我来说不起作用。无论如何谢谢,我需要RactiveJS来处理事件/函数调用,所以这对我来说不起作用。无论如何谢谢,我需要RactiveJS来处理事件/函数调用,所以这对我来说不起作用。无论如何,谢谢。我无法完成我的jsFiddle工作,但是我的应用程序可以很好地与您的两个解决方案配合使用。谢谢您已将“on”移动到块外。我不知道为什么这个效果更好,但是这个效果很好。感谢tipI不能让我的JSFIDLE工作,但我的应用程序可以很好地与您的两个解决方案配合使用。谢谢您已将“on”移动到块外。我不知道为什么这个效果更好,但是这个效果很好。感谢tipI不能让我的JSFIDLE工作,但我的应用程序可以很好地与您的两个解决方案配合使用。谢谢您已将“on”移动到块外。我不知道为什么这个效果更好,但是这个效果很好。感谢tipI不能让我的JSFIDLE工作,但我的应用程序可以很好地与您的两个解决方案配合使用。谢谢您已将“on”移动到块外。我不知道为什么这个效果更好,但是这个效果很好。谢谢你的提示
ractive.on('toggle', function(){
    this.get("clicked").push("clicked!");
});
<input type='checkbox' on-change="toggle()">
toggle: function(){
    treatment()
}
<input type='checkbox' on-change="toggle">
oninit: function(){
    this.on('toggle', function(){
        treatment()
    });
}