jQuery 代码看起来像这样并且工作正常(可能它看起来有点排序,所以请让我知道,我也会更改它):jsFiddle
jQuery:
$('.inputs').on('keyup',function(){
$(this).parent().not(this).find('.inputs').val($(this).val());
}
);
HTML:
<div>
<input type="text" class="inputs" value="hello">
<input type="text" class="inputs" value="John">
</div>
如何为 Knockout.js 重写此代码?
谢谢。
最佳答案
看看下面的代码片段,它可以很好地与 ko 配合使用。
var value = "Hello John";
var viewModel = {
Name: ko.observable(value)
};
ko.applyBindings(viewModel);
<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/2.0.0/knockout-min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
<input type="text" data-bind="value:Name" class="inputs" id="first">
<input type="text" data-bind="value:Name" class="inputs" id="second">
</div>
<span data-bind="text: Name"> </span>
希望您能使用更多数据来完成此操作。在这种情况下,看看 this sample这将使您了解如何支持更多数据。
更多常见问题解答请访问jqfaq.com
关于javascript - 绑定(bind)两个输入,以便即使其中之一被用户更改,它们也会显示相同的文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14682732/