ノックアウトラジオはバインドを確認しました

Question

ノックアウトチェックバインディングを使用しているradio buttonsがあります。ラジオで最初に送信した後、テンプレートはラジオの値を取得し、正しいradio buttonはcheckedです。問題は、以前の投稿にもうchecked radiosがなくなったページをリロードするときです。しかし、彼らはまだリロードで確認されていない、それは型が元の投稿の値に設定されていることを示してクロームでノックアウトコンテキストプラグインを見て

<input data-bind= "checked: Type, required:Type type="radio" value="1" /> 
<label>Allowed</label> 
<input data-bind= "checked: Type, required: Type, type="radio" value="2" /> 
<label>Charge</label> 

：

は、ここでは、コードです。

Answer 1

ページのリロードに値を保持する場合は、ローカルストレージを使用することができます。

ここではページをリロードすると、最後にチェックされたラジオボタンが保持されます。

https://jsfiddle.net/0o89pmju/50/

HTML

<input type="radio" data-bind="checked: Type" value="1" name="myradio" /> 
<label>Allowed</label> 
<input type="radio" data-bind="checked: Type" value="2" name="myradio" /> 
<label>Charge</label> 

<p> 
    the value is: <label data-bind="text: Type"></label> 
</p> 

javascriptの

function Model() { 
    var self = this; 
    this.Type = ko.observable(localStorage.getItem("Type")) 
} 
var vm = new Model() 
$(document).ready(function() { 
    ko.applyBindings(vm); 
    vm.Type.subscribe(function(newValue) { 
     localStorage.setItem("Type", newValue); 
    }); 
});