[javascript] jQuery로 입력을 비활성화 / 활성화 하시겠습니까?

jQuery 1.6 이상

disabled속성 을 변경하려면 .prop()함수를 사용해야합니다 .

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

jQuery 1.5 이하

이 .prop()함수는 존재 .attr()하지 않지만 비슷합니다.

disabled 속성을 설정하십시오.

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

다시 활성화하려면 올바른 방법을 사용하는 것입니다 .removeAttr()

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

모든 버전의 jQuery

항상 실제 DOM 객체에 의존 할 수 있으며 하나의 요소 만 처리하는 경우 다른 두 옵션보다 약간 빠릅니다.

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

.prop()또는 .attr()메소드 를 사용하면 선택된 여러 항목에 대해 속성을 설정할 수 있다는 장점이 있습니다.

참고 : 1.6 에는와.removeProp() 비슷한 방법이 removeAttr()있지만 설명서의 Excerpt 와 같은 기본 속성에는 사용하지 않아야'disabled' 합니다.

참고 :이 방법을 사용하여 확인, 비활성화 또는 선택과 같은 기본 속성을 제거하지 마십시오. 이렇게하면 속성이 완전히 제거되고 일단 제거되면 요소에 다시 추가 할 수 없습니다. 대신 .prop ()를 사용하여 이러한 속성을 false로 설정하십시오.

사실, 나는이 방법에 대해 많은 합법적 인 사용이 의심된다. ​​부울 소품은 1.5의 “속성”과 같이 “제거”하는 대신 거짓으로 설정해야한다.

답변

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

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

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

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

//To enable 
$('.someElement').removeAttr('disabled');

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

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

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

$.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();

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

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

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

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

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

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

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