[JQUERY] 안 / jQuery로 입력을 가능하게?

안 / jQuery로 입력을 가능하게?

해결법

1. ---

   1.장애인 속성을 변경하려면 당신은 .prop () 함수를 사용한다.

   장애인 속성을 변경하려면 당신은 .prop () 함수를 사용한다.

   $("input").prop('disabled', true);
   $("input").prop('disabled', false);
   

   .prop () 함수는 존재하지 않지만, .attr ()는 비슷한 않습니다 :

   장애인 속성을 설정합니다.

   $("input").attr('disabled','disabled');
   

   다시 활성화하기 위해, 적절한 방법) (.removeAttr를 사용하는

   $("input").removeAttr('disabled');
   

   당신은 단지 하나 개의 요소를 처리하는 경우는 항상 실제 DOM 객체에 의존하고 조금 더 빨리 다른 두 옵션에 비해 아마 수 있습니다 :

   // assuming an event handler thus 'this'
   this.disabled = true;
   

   .prop () 또는 .attr () 메소드를 사용하는 이점은 사용자가 선택한 항목의 무리의 속성을 설정할 수 있다는 것입니다.

   참고 : 1.6에서 removeAttr ()와 같은 많은 소리 .removeProp () 방법이 있지만 문서에서 '장애인'발췌 같은 기본 속성을 사용하지 않아야합니다 :

   사실, 나는이 방법을 위해, 부울 소품이 false로를 설정하는 대신 1.5에서의 "속성"대응처럼 그들을 "제거"해야하는 방식으로 수행됩니다 많은 합법적 인 용도가 의심

2. ---

   2.그냥 일이 (????) ECMA6으로 크게 변경하지 않는 한이 (향후 적응하고 새로운 규칙을 위해 &&에 대한 :

   그냥 일이 (????) ECMA6으로 크게 변경하지 않는 한이 (향후 적응하고 새로운 규칙을 위해 &&에 대한 :

   $(document).on('event_name', '#your_id', function() {
       $(this).removeAttr('disabled');
   });
   

   과

   $(document).off('event_name', '#your_id', function() {
       $(this).attr('disabled','disabled');   
   });
   

3. ---

   3.

       // Disable #x
       $( "#x" ).prop( "disabled", true );
       // Enable #x
       $( "#x" ).prop( "disabled", false );
   

   때때로 당신은 사용하지 않으려면 / 입력 또는 텍스트 영역과 같은 폼 요소를 활성화해야합니다. jQuery를 사용하면 쉽게 "장애인"에 사용할 속성을 설정하여이 문제를 확인하는 데 도움이됩니다. 대한 예컨대 :

     //To disable 
     $('.someElement').attr('disabled', 'disabled');
   

   장애인 요소를 사용하려면이 요소에서 "장애인"속성을 제거하거나의 문자열을 비울 필요가있다. 예컨대는 경우 :

   //To enable 
   $('.someElement').removeAttr('disabled');
   
   // OR you can set attr to "" 
   $('.someElement').attr('disabled', '');
   

   참조 : HTTP : //garmoncheg.blogspot.fr/2011/07/how-to-disableenable-element-with.html

4. ---

   4.

   $("input")[0].disabled = true;
   

   또는

   $("input")[0].disabled = false;
   

5. ---

   5.당신은 당신의 코드에서이 어딘가에 세계를 넣을 수 있습니다 :

   당신은 당신의 코드에서이 어딘가에 세계를 넣을 수 있습니다 :

   $.prototype.enable = function () {
       $.each(this, function (index, el) {
           $(el).removeAttr('disabled');
       });
   }
   
   $.prototype.disable = function () {
       $.each(this, function (index, el) {
           $(el).attr('disabled', 'disabled');
       });
   }
   

   그리고 당신은 물건을 같이 쓸 수 있습니다 :

   $(".myInputs").enable();
   $("#otherInput").disable();
   

6. ---

   6.당신은 (토글 버튼 동작 등)의 현재 상태를 반전하려면 :

   당신은 (토글 버튼 동작 등)의 현재 상태를 반전하려면 :

   $("input").prop('disabled', ! $("input").prop('disabled') );
   

7. ---

   7.활성화 / 모든 요소를 ​​비활성화 할 수 있습니다를 사용하여 여러 가지 방법이 있습니다 :

   활성화 / 모든 요소를 ​​비활성화 할 수 있습니다를 사용하여 여러 가지 방법이 있습니다 :

   접근 1

   $("#txtName").attr("disabled", true);
   

   접근법 2

   $("#txtName").attr("disabled", "disabled");
   

   당신이 jQuery를 1.7 이상 버전을 사용하는 경우 다음 소품 (), 대신 ATTR ()를 사용합니다.

   $("#txtName").prop("disabled", "disabled");
   

   당신이 어떤 요소를 사용하고자하는 경우에 당신은 당신이 그것을 해제하기 위해 무슨 짓을했는지의 반대해야한다. 그러나 jQuery를 어떤 속성을 제거하는 또 다른 방법을 제공합니다.

   접근 1

   $("#txtName").attr("disabled", false);
   

   접근법 2

   $("#txtName").attr("disabled", "");
   

   접근 방식 3

   $("#txtName").removeAttr("disabled");
   

   당신이 jQuery를 1.7 이상 버전을 사용하는 경우 다시, 다음, 대신 ATTR의 () 소품 ()를 사용합니다. 그의입니다. 이것은 당신이 활성화 또는 jQuery를 사용하여 모든 요소를 ​​비활성화하는 방법입니다.

8. ---

   8.2018에 대한 업데이트 :

   2018에 대한 업데이트 :

   이제이 jQuery를 필요가 없습니다 그리고 그것은을하고있는 동안 document.querySelector 또는 document.querySelectorAll는 (여러 요소) 거의 정확히 같은 일을 할 수 있기 때문에 $, 플러스 더 명시들에서 getElementById, getElementsByClassName, getElementsByTagName로

   "입력 체크 박스"의 하나 개의 필드를 비활성화 클래스

   document.querySelector('.input-checkbox').disabled = true;
   

   또는 여러 요소

   document.querySelectorAll('.input-checkbox').forEach(el => el.disabled = true);
   

9. ---

   9.당신은 비활성화에 jQuery를 소품 () 메소드를 사용하거나 jQuery를 사용하여 동적으로 폼 요소 또는 컨트롤을 활성화 할 수 있습니다. 소품 () 메소드는 위의 jQuery를 1.6을 필요로합니다.

   당신은 비활성화에 jQuery를 소품 () 메소드를 사용하거나 jQuery를 사용하여 동적으로 폼 요소 또는 컨트롤을 활성화 할 수 있습니다. 소품 () 메소드는 위의 jQuery를 1.6을 필요로합니다.

   예:

   <script type="text/javascript">
           $(document).ready(function(){
               $('form input[type="submit"]').prop("disabled", true);
               $(".agree").click(function(){
                   if($(this).prop("checked") == true){
                       $('form input[type="submit"]').prop("disabled", false);
                   }
                   else if($(this).prop("checked") == false){
                       $('form input[type="submit"]').prop("disabled", true);
                   }
               });
           });
       </script>
   

10. ---

    10.사용 안 함 :

    사용 안 함 :

    $('input').attr('readonly', true); // Disable it.
    $('input').addClass('text-muted'); // Gray it out with bootstrap.
    

    사용 :

    $('input').attr('readonly', false); // Enable it.
    $('input').removeClass('text-muted'); // Back to normal color with bootstrap.
    

11. ---

    11.입력 유형에 대한 진정한 함 :

    입력 유형에 대한 진정한 함 :

    $("input[type=text]").attr('disabled', true);
    

    $("input").attr('disabled', true);
    

12. ---

    12.이것은 나를 위해 작동

    이것은 나를 위해 작동

    $("#values:input").attr("disabled",true);
    $("#values:input").attr("disabled",false);
    

13. ---

    13.다음과 같이 사용,

    다음과 같이 사용,

     $( "#id" ).prop( "disabled", true );
    
     $( "#id" ).prop( "disabled", false );
    

14. ---

    14.나는 @gnarf 대답을 사용 기능으로 추가

    나는 @gnarf 대답을 사용 기능으로 추가

       $.fn.disabled = function (isDisabled) {
         if (isDisabled) {
           this.attr('disabled', 'disabled');
         } else {
           this.removeAttr('disabled');
         }
       };
    

    다음과 같이 사용

    $('#myElement').disable(true);
    

15. ---

    15.모든 입력 사용 안 함 :

    모든 입력 사용 안 함 :

    [...document.querySelectorAll('input')].map(e => e.disabled = true);
    

    ID가 비활성화 입력 = "내 입력"

    document.getElementById('my-input').disabled = true;
    

    문제는 그냥 참고입니다, JQuery와 함께.

16. ---

    16.접근 방법 4 (이 야생 코더 응답의 확장입니다)

    접근 방법 4 (이 야생 코더 응답의 확장입니다)

    활성화를 위해 = 1 // 0 txtName.disabled <입력 ID = "의 txtName">

17. ---

    17.

    <html>
    <body>
    
    Name: <input type="text" id="myText">
    
    
    
    <button onclick="disable()">Disable Text field</button>
    <button onclick="enable()">Enable Text field</button>
    
    <script>
    function disable() {
        document.getElementById("myText").disabled = true;
    }
    function enable() {
        document.getElementById("myText").disabled = false;
    }
    </script>
    
    </body>
    </html>
    

18. ---

    18.jQuery를 모바일 :

    jQuery를 모바일 :

    $('#someselectElement').selectmenu().selectmenu('disable').selectmenu('refresh', true);
    $('#someTextElement').textinput().textinput('disable');
    

    $('#someselectElement').selectmenu().selectmenu('enable').selectmenu('refresh', true);
    $('#someTextElement').textinput('enable');
    

from https://stackoverflow.com/questions/1414365/disable-enable-an-input-with-jquery by cc-by-sa and MIT license