仅当在ractive js中选中复选框时才渲染兄弟元素

Question

我想仅在选中复选框时切换兄弟元素

我正在使用 ractive.js ，您可以在下面看到我的模板

我也使用 icheck Jquery插件作为复选框，这样我就无法在输入元素上绑定ractive函数。

{{#each services}}
    <div class="form-group col-md-6 col-sm-12 col-xs-12">
        <label>
            <input type="checkbox" name="{{ selectedServices }}" value="{{Id}}" class="minimal flat-green"/>
            <span>{{Title}}</span>
        </label>
        {{#if IsMultiple && isShow}}
        <label>
            <input class="timeRange" type="text" name="range_5" value="">
        </label>
        {{/if}}
    </div>
{{/each}}

如果选中其同级复选框，我真的不知道如何切换isShow。 请帮帮我。

Answer 1

你能提供一个jsbin或JSFiddle作为例子吗？这样可以更容易回答这个问题。

我假设你不能这样做： http://jsbin.com/cevivi/1/edit?html,js,output 哪个检查当前ID是否在selectedServices数组中。

这应该这样做，虽然没有你的例子我无法确定： http://jsbin.com/cevivi/2/edit?html,js,output

我们等待复选框的值更改，然后通过内置事件处理相应地更新数组。

显示/隐藏输入框的检查，只是Id是否在数组中。

希望有所帮助。