zoukankan      html  css  js  c++  java
  • jquery取input的readOnly属性,O要大写

    今天在jquery中取input的readonly属性时,发现

    我这样写$(“#input”).readonly取这个属性时,总是undefined,后来一想,难道html中的属性only没有大写,是不是javascript需要将O大写,

    修改之后$(“#input”).readOnly,就能取到值,下面是后来我又搜到的一篇文章。

    Javascript: 为<input>设置readOnly属性

    今天系统需要使用javascript 动态设置textbox的readonly ,


    搞了半天一直没有搞定 最后发现 readonly 属性应该是 readOnly=true .

    javascript 的大小写要注意

    今天在开发中准备通过javascript设置input框只读属性的时候,用document.getElementByIdx_x('input').readonly='readonly';结果发现这样设置无效.

    于 是试着disable的属性,用同样的方法设置是有效 的.document.getElementByIdx_x('input').disabled=disabled;于是感觉很奇怪.因为在 dreamweaver中输入框这两个属性都是这样设置的.而且readonly只要存在于input框就有效,后来忽然发现,当然输入readonly 时用代码提示自动完成后的结果是readonly="readonly" ,而disabled却是disabled="disabled".

    接着就想会不会是这个问题,后来就用复选框一样的方法设置只读属性就可以了.如:
    document.getElementByIdx_x('input').readOnly= true;(注意中间那个O是大写的,不然就无效了)

    input只读属性有两种方式可以实现input的只读效果:disabled 和 readonly。
    自然两种出来的效果都是只能读取不能编辑,可是两者有很大不同。
    Disabled说明该input无效,及其value不会传递给任何程序,比如asp、php等。
    Readonly仅仅是无法编辑,不影响其值的传递。
    Disabled使用:<INPUT type=”text” name=”username”value=”james”disabled>
    Readonly使用:<INPUT type=”text” name=”partNumber”value=”1500″ readonly>



    < input id="RaOne" type="radio" value="1" name="exce">
    < input type=button value="Disabled"onclick="RaOneonClick()">

    < script>
    function RaOneonClick(){
    if(RaOne.disabled)
    RaOne.disabled=false;
    else
    RaOne.disabled=true;
    }
    < /script>


    jQuery写法:

    $("#id").removeAttr("readonly","true");
    
    $("#id").attr("disabled","disabled");  //购买数量框禁止输入




    去除readonly属性


    $("#id").removeAttr("readonly");



    去除

    $("#id").removeAttr("disabled");
  • 相关阅读:
    20170519
    20170515
    20170511
    20170509
    20170505
    使用 FirewallD 构建动态防火墙
    Elasticsearch 5.2.1Cluster 搭建
    elk,centos7,filebeat,elasticsearch-head详细安装步骤
    elk,centos7,filebeat,elasticsearch-head集成搭建
    memcached
  • 原文地址:https://www.cnblogs.com/webqiand/p/4602752.html
Copyright © 2011-2022 走看看