0

私はノックアウトに比較的慣れていないので、ラジオ ボタン グループの選択に基づいて 2 つの div 要素の可視性を制御するより良い方法があるかどうか疑問に思っていました。

私が思いついたのはかなり壊れやすいようで、それらが追加のオプションである場合、このソリューションはimoをスケーリングしません.

<label>Total</label><input type="radio" name="toggleGraph" value="total" data-bind="checked: toggleGraph"  />
<label>Growth</label><input type="radio" name="toggleGraph" value="growth" data-bind="checked: toggleGraph"  />

<div id="total-graph" data-bind="visible: $root.toggleGraph() === 'total'">
    Total Graph Here
</div>

<div id="growth-graph" data-bind="visible: $root.toggleGraph() === 'growth'">
    Growth Graph Here
</div>



var ViewModel = function() {
    var self = this;
    self.toggleGraph = ko.observable('total');
}

ko.applyBindings(new ViewModel());

http://jsfiddle.net/pqzhL/

4

1 に答える 1