Knockout.js 如何在knockout js中基于单选按钮选择填充文本框

我对击倒js还不熟悉。 我有一个单选按钮组，有三个选项和一个文本框

如果我在单选按钮中选择选项1，我需要在文本框中显示“12”。 如果我选择选项2，我需要在文本框中显示“23”，并在UI的文本框旁边显示一个新的复选框“Used Option 2”。 如果选择选项3，我需要在文本框中显示“34”（如果选择了选项2/3，则需要隐藏复选框）

我尝试在文本框值中使用radiobutton的数据绑定。 问题是单选按钮的值与我需要在文本框中显示的值不同

<div class="row">
  <div class="col-xs-12">
    <div class="form-group"
      data-bind="validationElement: CompanyStatement, validationOptions: {insertMessages: false}">
      <div>
        <label class="control-label">4 - Company Statement</label>
        <div class="Company-statement">
          <div>
            <span class="kp-radiobutton">
              <input name="CompanyStatement" type="radio" value="1"
                data-bind="checkedValue:  CompanyStatement" />
            </span>
            <span class="radio-message">This is my first option</span>
          </div>
          <div>
            <span class="kp-radiobutton">
              <input name="CompanyStatement" type="radio" value="2"
                data-bind="checkedValue:  CompanyStatement" />
            </span>
            <span class="radio-message">This is second option</span>
          </div>
          <div>
            <span class="kp-radiobutton">
              <input name="CompanyStatement" type="radio" value="3"
                data-bind="checkedValue:  CompanyStatement" />
            </span>
            <span class="radio-message">This is my third option.</span>
          </div>
        </div>
        <span class="validationMessage" data-bind="validationMessage: CompanyStatement"></span>
      </div>
    </div>
  </div>
</div>
<div class="row">
  <div class="col-md-6 form-group" data-bind="validationElement: MySelectedCode">
    <label class="control-label">5 - Selected Code </label>
    <input type="text" class="form-control" placeholder="MySelectedCode"
      data-bind="value: CompanyStatement" />
  </div>
</div>

4-公司声明
这是我的第一个选择
这是第二种选择
这是我的第三个选择。
5-选定代码

ko.applyBindings（（）=>{
var self=这个；
self.kvp=[12,23,34]；
self.selected=ko.可观察（空）；
self.selectedValue=ko.computed（函数（）{
返回self.kvp[self.selected（）-1]；
});
})；

标签{
显示：块；
}

---

看起来不错，但是根据要求，单选按钮的值与需要在文本框中显示的值不同。->如果单选按钮的值为1-文本框应为“12”->如果单选按钮的值为2-文本框应为“23”->如果单选按钮的值为3-文本框应为“34”