0

複数の無線入力があります。ユーザーは、または各行からいずれfixedかpercentageを選択する必要があります。すなわち

ここに画像の説明を入力

ractive のドキュメントに最適な定義が見つかりません。

私のjsが持っているとき {name: 'foo', checked: true}

そして、私のテンプレートは

<input type="radio" name="{{name}}" value="fixed" checked="{{checked}}">Fixed

その言葉どおり、私はそれをラアクティブで行うことはできません

A radio input can have two-way binding on its name attribute, or its checked attribute - not both

入力要素で複数の値を使用するのに役立つことがわかっているドキュメントはありますか。

または、どうすればractiveでそれを行うことができますか?

ありがとう。

4

3 に答える 3

1

ラジオ入力で双方向バインディングを使用すると、Ractive はバインドされた変数と同じ値を持つものを自動的にチェックします (あなたの場合name):

<input type="radio" name="{{day}}" value="Monday">
<input type="radio" name="{{day}}" value="Tuesday">
<input type="radio" name="{{day}}" value="Wednesday">
<input type="radio" name="{{day}}" value="Thursday">
<input type="radio" name="{{day}}" value="Friday">
<input type="radio" name="{{day}}" value="Saturday">
<input type="radio" name="{{day}}" value="Sunday">

new Ractive({
    el: 'body',
    template: '#template',
    data: {
        // Friday will be checked by default.
        day: 'Friday'
    }
});

チュートリアル: http://learn.ractivejs.org/two-way-binding/1

于 2014-09-18T12:55:10.150 に答える
0

これはあなたが望むことをすると思います（ただし、データモデルについては完全にはわかりません）：

<input type="radio" name="{{checked}}" value="{{ true }}">Fixed
<input type="radio" name="{{checked}}" value="{{ false }}">%
<br>
{{name}} is {{checked}}

どこ

data: {
    name: 'foo', checked: true
}

http://jsfiddle.net/9jan1j7q/を参照してください

于 2014-09-18T13:36:47.777 に答える