JS修改input标签的readonly属性

最新推荐文章于 2024-07-18 11:19:20 发布

前行的路2014

最新推荐文章于 2024-07-18 11:19:20 发布

阅读量9.4k

点赞数 1

分类专栏： js 文章标签： JS input readonly

本文链接：https://blog.csdn.net/liqiang458473/article/details/51714326

版权

js 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

    今天在用JS将input标签的readonly属性变为可写状态，怎么也不好用，研究半天才发现犯了个很低级的错误。
    在用eclipse写input标签的readonly属性时，用eclipse自带的提示功能，打了个r,然后就直接生成了readonly属性，代码如下：<input type="text" name=testType id="testTypeId" value="" readonly="readonly"/>值得注意的是这里面的readonly的“only”的首字母是小写的。
    在js中将input标签的readOnly属性去掉的代码如下：
        var i=document.forms[0].testType;
        i.readonly=false;
        试了半天，也不报错，也没提示，就是不好用。
    看到这里，估计高手已经看出问题所在了。之后我把i.readonly=false;的“readonly”改为“readOnly”，就是“readOnly”的“Only”改为大写，就好用了。
     忙活半天，犯了这么低级的错误，大家以此为戒！