敲除无线电检查绑定

时间:2017-08-29 20:09:54

标签: javascript html knockout.js

我有一些使用敲除检查绑定的module。在使用无线电进行初始提交后,模板将获取无线电的值,并且正确的typeradio buttons。问题是当我重新加载页面时,之前的提交不再有radio button

以下是代码:

checked

在使用Chrome查看knockout上下文插件时,它会显示该类型设置为原始提交值,但是在重新加载时仍未检查它们。 enter image description here

1 个答案:

答案 0 :(得分:0)

如果您想在页面重新加载时保留价值,您可能需要使用本地存储。

当您重新加载页面时,这是一个小提琴,它将保留您上次检查的单选按钮。

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);
   });
});