js动态设置input框不可编辑

1、利用disabled属性

disabled 属性是一个布尔属性。

disabled 属性规定应该禁用的 元素。

被禁用的 input 元素是无法使用和无法点击的。

<input type="text" id="id"  value="中国" disabled> 
<input type="text" id="id"  value="中国" disabled="true">
动态设置为：
        $('#id').attr("disabled", true);

2、利用readonly 属性

readonly 属性规定输入字段为只读

只读字段是不能修改的。不过，用户仍然可以使用 tab 键切换到该字段，还可以选中或拷贝其文本。

readonly 属性可以防止用户对值进行修改，直到满足某些条件为止（比如选中了一个复选框）。然后，需要使用 JavaScript 消除 readonly 值，将输入字段切换到可编辑状态。

<input type="text" id="id" value="中国" readonly> 
<input type="text" id="id"  value="中国" readonly="true"> 
动态设置为：
        $('#id').attr("readonly", true);

3、设置input为不可编辑，双击方法仍然生效解决方法

        设置input框不可编辑时，移除方法
        $("#Id").removeAttr("ondblclick");
        
        设置input框可编辑时，动态设置点击方法

        $("#id").attr("ondblclick","click()");
        
        click()是双击方法