使复制的值在javascript中不可更改或编辑

我对java脚本有一个要求

当一个字段中有一个值时，该值被复制到另一个字段中

在另一个字段中复制相同的值后，可以单击一个按钮，使复制的值无法更改，甚至无法编辑

这是我做的第一件事

<input type='text' id='field_1'></br>
<input type='text' id='field_2'> </br>    

$(document).ready(function () {
    $('#field_1').on('change', function (e) {
       $('#field_2').val($('#field_1').val());
    });
});

$（文档）.ready（函数（）{
$（“#字段_1”）。关于（'change'，函数（e）{
$（'#field_2'）.val（$（'#field_1'）.val（））；
});
});

---

您可以将单击处理程序绑定到按钮，该按钮将使用

unbind（）

解除第一次输入的绑定。它还可以使用

.prop（“readonly”，true）将第二个输入设置为只读并且可以使用1.prop（“disabled”，true）禁用自身`

像这样：







$（文档）.ready（函数（）{
$（'#字段_1'）。更改（函数（e）{
$（'#field_2'）.val（$（'#field_1'）.val（））；
});
$（'#btnredonly'）。单击（函数（）{
$（“#字段_1”）.unbind（）；
$（'#field_2'）.prop（“readonly”，true）.css（“background color”，“#dddddddd”）；
$（'#btnredonly'）.prop（“disabled”，true）；
});
});
单击按钮后，需要将只读属性添加到两个输入字段中

像这样：
$（文档）.ready（函数（）{
$（“#不可编辑”）.hide（）；
$（“#字段_1”）。关于（'change'，函数（e）{
$（'#field_2'）.val（$（'#field_1'）.val（））；
if（$（this.val（）！=“”）
{
$（“#不可编辑”）.show（）；
}
});
$（“#不可编辑”）。单击（函数（）{
$（“#字段_1”）.prop（“只读”，true）；
$（“#字段_2”）.prop（“只读”，true）；
});
});





标记为不可编辑
请共享指向小提琴的链接谢谢Alexander