[javascript] 자바 스크립트를 사용하여 입력 요소에 비활성화 된 속성 추가

$("input").attr("disabled", true); 현재로서는 더 이상 모르겠습니다.

2013 년 12 월이며 실제로 무엇을 말해야할지 모르겠습니다.

처음에는 항상 그렇고 .attr()항상 .prop()그렇습니다. 그래서 나는 여기로 돌아와 답을 업데이트하고 더 정확하게 만들었습니다.

그런 다음 1 년 후 jQuery가 다시 마음을 바꾸었고 심지어 이것을 추적하고 싶지 않습니다.

간단히 말해서, 지금 당장은 이것이 가장 좋은 대답입니다. “둘 다 사용할 수는 있지만 다릅니다.”

https://stackoverflow.com/a/5876747/257493 대신이 답변을 읽어보십시오.

해당 변경 사항에 대한 릴리스 정보는 다음과 같습니다.

값을 가져 오거나 설정하는 데 .attr () 또는 .prop ()를 사용해서는 안됩니다. 대신 .val () 메소드를 사용하십시오 (.attr ( “value”, “somevalue”)를 사용하면 1.6 이전과 마찬가지로 계속 작동합니다).

선호하는 사용법 요약

부울 속성 / 속성 및 html에없는 속성 (예 : window.location)에는 .prop () 메서드를 사용해야합니다. 다른 모든 속성 (html에서 볼 수있는 속성)은 .attr () 메서드를 사용하여 계속 조작 할 수 있으며 계속해야합니다.

또는 다른 말로하면 :

“.prop = 비 문서 자료”

“.attr”= 문서 내용

… …

API 안정성에 대한 교훈을 모두 배우기를 바랍니다.

답변

<select name="select_from" disabled>...</select>

var from = jQuery('select[name=select_from]');

//add disabled
from.attr('disabled', 'disabled');



//remove it
from.removeAttr("disabled");

var $element = $(...);
    $element.prop('disabled', true);
    $element.attr('disabled', true);

    // The following do not require jQuery
    $element.get(0).disabled = true;
    $element.get(0).setAttribute('disabled', true);
    $element[0].disabled = true;
    $element[0].setAttribute('disabled', true);

$(element).prop('disabled', true); //true|disabled will work on all
$(element).attr('disabled', true);
element.disabled = true;
element.setAttribute('disabled', true);

$(".shownextrow").click(function() {
  $(this).closest("tr").next().show()
          .find('.longboxsmall').hide()[0].disabled = 'disabled';
});

$(".shownextrow").click(function() {
  $(this).closest("tr").next().show()
          .find('.longboxsmall').each(function() {
               this.style.display = 'none';
               this.disabled = 'disabled';
          });
});

$(this).closest("tr").next().show().find('.longboxsmall').attr('disabled', 'disabled');

var element = document.querySelector(".your-element-class-goes-here");
// it's a good idea to check whether the element exists
if (element != null && element != undefined) {
  element.disabled = "disabled";
}