没有默认值的 Knockout 检查绑定

Question

我正在使用 Knockout 来处理 Web 应用程序中的交互性。我正在尝试创建一个多项选择测验小部件。我想提出一个问题，然后是一组可供用户选择的单选按钮。我不想要默认答案。

我的代码中有以下内容：

 <!-- ko foreach: {data: answers, as: 'answer'} -->
  <li class="list-group-item">
    <input type="radio" 
           name="answers" 
           data-bind="checkedValue: answer, checked: $parent.current.problem.response">
    <span data-bind="mathjax: answer.value.text">1.5</span>
  </li>
 <!-- /ko -->

现在，Knockout 文档说：

当用户更改选择了哪个单选按钮时，KO 会将您的模型属性设置为等于所选单选按钮的值。在前面的示例中，单击 value="cherry" 的单选按钮会将 viewModel.spamFlavor 设置为 "cherry"。

因此，根据文档，我的理解是 current.problem.response observable 应该设置为 answer 对象。但相反，它被设置为on。

我认为这是因为我的current.problem.response observable 最初是null。这对我的域有意义。如果用户没有做出选择，它应该是空的。

我该怎么办？

Answer 1

看起来您的方案有效。也许问题不在现场。 这个小提琴演示了它的工作原理http://jsfiddle.net/tabalinas/y3LpD/ 打开控制台查看所选选项。

演示视图模型看起来像

var vm = {
    answers: [
        { text: 'ans1' },
        { text: 'ans2' },
        { text: 'ans3' },
        { text: 'ans4' }
    ],
    response: ko.observable(null)
};

vm.answer = vm.answers[0];

vm.response.subscribe(function(value) {
    console.log(value);
});

根据模型稍微修正了标记

<!-- ko foreach: {data: answers, as: 'answer'} -->
  <li class="list-group-item">
    <input type="radio" 
           name="answers" 
      data-bind="checkedValue: answer, checked: $parent.response" />
    <span data-bind="text: answer.text"></span>
  </li>
 <!-- /ko -->

希望这会有所帮助。如果您还有任何问题，请在 cmets 中指定。