在Knockout JS中多个绑定一个单选按钮检查事件

Question

我选中了一个单选按钮，它使div可见，此单选按钮的最终输入值也用于模态（如果为true，则模态显示为true，反之亦然）。在我的情况下，如果选中单选按钮为false，它会隐藏div，但会将模态中的值显示为True，这不应该发生。不确定如何应用两个绑定。提前谢谢。

HTML：

<!--Radio buttons-->
<input  data-bind="checked:abc,checked:xyz" type="radio" name="option1" value="True"> True
<input  data-bind="checked:abc,checked:xyz" type="radio" name="option1" value="False"> False

<!--Div to hide and show-->
<div class="row" style="padding-top:10px;display:none;padding-bottom:10px;padding-left:280px;" data-bind="visible:(xyz()=='True')">
    <div class="col-sm-2">
        <h4 class="header-title m-t-0 m-b-30"IDs:</h4>
        <textarea rows="4" class="form-control" required placeholder="Paste IDs here"></textarea>
    </div>
</div>

<!--Modal-->
<p><strong>IDS:</strong>&nbsp;<span data-bind="text:xyz"></span></p>

Knockout JS:

self.abc= ko.observable("True");
self.xyz= ko.observable();