nockoutjs radiobutton点击事件

Question

我有一些HTML：

<input name="Test" type="radio" value="yes" data-bind="checked: Page2.Traded, click: Traded_Yes" /> Yes
<input name="Test" type="radio" value="no" data-bind="checked: Page2.Traded, click: Traded_No" /> No

还有一些JavaScript：

    self.Traded_Yes = function(data) {
       $("#Page2Symbol").prop("disabled", false);
       return true;
    };

    self.Traded_Yes = function(data) {
       $("#Page2Symbol").prop("disabled", true);
       return true;
    };

在禁用ID：Page2Symbol和保存正确的数据方面，UI上的一切正常，但是UI在我单击任何一个收音机时都不会显示在Yes/no之间的广播按钮。我做返回true以允许默认单击操作，如下所示： https://knockoutjs.com/documentation/click-binding.html ，但是当我单击一个收音机时，UI不会翻转选择。有什么想法发生了什么事？

Answer 1

我无法重现您的问题，但是可能有一些很好的建议可以解决您可能遇到的问题：

在使用淘汰赛时，建议与DOM进行 All All 通过敲除绑定。为了禁用和启用按钮，有禁用和enable绑定。以下是您使用它们的方式：

使用disable绑定：

您将计算属性添加到视图模型中，以根据交易。 >。

这样可以确保您不需要点击绑定，并且可以摆脱任何id引用。

const self = {};

self.Page2 = { Traded: ko.observable("yes") };
self.disablePage2Symbol = ko.pureComputed(() => self.Page2.Traded() === "yes");

ko.applyBindings(self);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.2/knockout-min.js"></script>

<button data-bind="disable: disablePage2Symbol">Page 2 button</button>

<label> 
  <input type="radio" value="yes" data-bind="checked: Page2.Traded" /> Yes
</label>
<label> 
  <input type="radio" value="no" data-bind="checked: Page2.Traded" /> No
</label>

该问题的复制失败：

该片段表明您的原始代码应该起作用，即使这有点反图案。

const self = {};

self.Traded_Yes = function(data) {
   $("#Page2Symbol").prop("disabled", false);
   return true;
};

self.Traded_No = function(data) {
   $("#Page2Symbol").prop("disabled", true);
   return true;
};

self.Page2 = { Traded: ko.observable("yes") };

ko.applyBindings(self);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.2/knockout-min.js"></script>

<button id="Page2Symbol">Page 2 button</button>

<input name="Test" type="radio" value="yes" data-bind="checked: Page2.Traded, click: Traded_Yes" /> Yes
<input name="Test" type="radio" value="no" data-bind="checked: Page2.Traded, click: Traded_No" /> No