zoukankan      html  css  js  c++  java
  • jquery 将disabled的元素置为enabled的三种方法

    转——http://www.jb51.net/article/19342.htm

    在jquery中可以通过jqueryObj.attr("disabled","disabled")将页面中某个元素置为不可编辑或触发状态,但是在jquery的API reference中并没说明怎么将页面置为disable的元素重新置为可触发或可编辑的。

    这里发现可以采用三种的变通方法将置为disabled的元素状态改为enabled。
    第一种:改变disabled的boolean状态,具体代码及解释如下: 

    $("button:eq(2)").click(function(){ 
    var text2=$("input:text:eq(2)"); 
    if(text2.attr("disabled")==false){ 
    //通过设置disabled的boolean属性将第三个text输入框disabled属性置为true 
    text2.attr("disabled",true); 
    }else{ 
    //通过将第三个text输入框disabled属性置为false来移除disabled属性 
    text2.attr("disabled",false); 
    } 
    });

    第二种:移除disabled属性,具体代码及解释如下:

    $("button:eq(1)").click(function(){ 
    var text2=$("input:text:eq(1)"); 
    if(text2.attr("disabled")==false){ 
    //通过设置disabled的值将第二个text输入框置为disabled 
    text2.attr("disabled","disabled"); 
    }else{ 
    //通过移除的方式将第二个text输入框的disable属性删除 
    text2.removeAttr("disabled"); 
    } 
    });

    第三种:改变disabled的值,具体代码及解释如下: 

    $("button:eq(0)").click(function(){ 
    var text1=$("input:text:eq(0)"); 
    if(text1.attr("disabled")==""){ 
    // 或者text1.attr("disabled")==false 
    //通过设置disabled的值将第一个text输入框置为disabled 
    text1.attr("disabled","disabled"); 
    }else{ 
    //通过覆盖的方式将第一个text输入框中的disabled属性清除掉 
    text1.attr("disabled",""); 
    } 
    });
  • 相关阅读:
    Android数据适配器(Adapter)优化:高效ViewHolder
    touch-css-margintop问题
    抽奖
    scroll03-节日两侧的渲染
    scroll02-滚动时显示当前主题菜单状态
    浏览器背景色半透明效果。
    scroll01-滚动到一定高度时,显示导航栏
    layout01-在布局ul时,给li设置margin-right的时候,每行的最后一个li有margin-right 导致ul 看上去不居中的问题
    placehoder兼容
    day03
  • 原文地址:https://www.cnblogs.com/yiguxianyun/p/6102917.html
Copyright © 2011-2022 走看看