Javascript 选择标题单选按钮时，单选按钮的值应添加到输入文本框中

先生
夫人
名字：

//这是我的数据模型
var ViewModel=功能（性别）{
this.lastName=ko.observable（性别）；
this.firstName=ko.computed（函数（）{
返回this.gender（）+this.firstname（）；
}，这个）；
};

单击单选按钮时，应将先生和夫人添加到名文本框前面。

这应适用于：

var ViewModel=函数（性别）{
this.lastName=ko.observable（性别）；
this.firstName=ko.computed（函数（）{
返回this.gender（）+this.firstname（）；
}，这个）；
};
函数putMr（）{
document.getElementById（'textField'）。value='Mr'；
}
函数putMrs（）{
document.getElementById（'textField'）。值='Mrs'；
}

先生。
夫人
名字：

我已在“”处更新了您的代码。请看

将js更改为：

function setGender(obj){
document.getElementById('set_value').value = obj.value;
console.log(obj.value);

}

输入字段为：

<p>First name: <input data-bind='value: firstName' id="set_value"/></p> 

名字：

---

您将此问题标记为淘汰标记。但是你的小提琴错了

我更新了您的视图模型：

a）

this.lastName=ko.observable（性别）应该是
this.gender=ko.observable（性别）

b） 我将
this.firstName=ko.computed…
更改为可观察
this.firstName=ko.observable（“”）

您忘记了应用绑定：
ko.applyBindings（newviewmodel（'m'）
另外，在您的小提琴中，您需要添加jQuery，因为Knockout需要它

即:

var ViewModel = function(gender) {

    this.gender = ko.observable(gender);
    this.firstName = ko.observable('');

    this.fullData = ko.computed(function() {           
        return this.gender() + ' ' + this.firstName();
    }, this);
};

ko.applyBindings(new ViewModel('m'));

以及：

这是你的电话号码

var ViewModel = function(gender) {

    this.gender = ko.observable(gender);
    this.firstName = ko.observable('');

    this.fullData = ko.computed(function() {           
        return this.gender() + ' ' + this.firstName();
    }, this);
};

ko.applyBindings(new ViewModel('m'));

<div class='liveExample'>   
    <input type="radio" name="gender" value="Mr." checked>Mr.
    <input type="radio" name="gender" value="Mrs.">Mrs.
    <p>First name: <input data-bind='value: firstName' /></p> 

</div>

<input type="radio" name="gender" value="Mr."  data-bind="checked: gender"> Mr.
<input type="radio" name="gender" value="Mrs." data-bind="checked: gender"> Mrs.

<p>First name: <span data-bind="text:gender"></span><input data-bind='value: firstName' /></p>