• 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",""); 
    } 
    });
  • 相关阅读:
    455. Assign Cookies
    [leetcode]Linked List Cycle
    *[topcoder]GooseTattarrattatDiv1
    [topcoder]FoxAndChess
    *[topcoder]TheTree
    *[topcoder]LittleElephantAndBalls
    *[topcoder]HexagonalBoard
    *[topcoder]AstronomicalRecords
    *[topcoder]LittleElephantAndIntervalsDiv1
    [topcoder]IncrementAndDoubling
  • 原文地址:https://www.cnblogs.com/yiguxianyun/p/6102917.html
Copyright © 2020-2023  润新知