zoukankan      html  css  js  c++  java
  • js 动态控制 input 框 的只读属性

    input 框的只读属性:  readonly

    在页面中直接添加为只读时,可在input中直接添加   readonly="readonly",但是如果想通过点击按钮来改变的话,需要通过js(或jquery)来实现。

    最近一次使用这个,终于发现了以前写这个js控制的时候为什么总是那么郁闷了,原来,js  在对于readonly、disabled等属性设置时,有一个小bug(至少我是这么认为):首先,document.getElementById("id").readonly = "true";  设置input为只读,但是,当通过document.getElementById("id").readonly="false"  来去掉只读属性时,没有作用,此时,需要把  false  外面的引号给去掉js语句才能正常工作。

    附:

    1. jquery  通过id属性设置与取消只读属性


    设置只读:$("#id").attr("readOnly","true");

    取消只读:$("#id").attr("readOnly",false);


    2. jquery  批量设置与取消只读属性

    /*   id为sa的div中,所有input框   */


    设置只读:$("#sa input").attr("readOnly","true");

    取消只读:$("#sa input").attr("readOnly",false);



  • 相关阅读:
    Maintaining Online Redo Log Files
    redo
    SP2-0618: Cannot find the Session Identifier. Check PLUSTRACE role is enabled
    undo
    HDU_1207_汉诺塔2
    POJ_1611_The Suspect
    POJ_1847_Tram
    POJ_2255_Tree Recovery
    Queries for Number of Palindromes(求任意子列的回文数)
    POJ_1163_The triangle
  • 原文地址:https://www.cnblogs.com/muhy/p/10657789.html
Copyright © 2011-2022 走看看