jQuery에서 숨김 및 비활성화와 같은 가치 없는 속성을 제어하는 ​​방법

일부 양식 제출 페이지를 구현할 때 몇 가지 숨겨진 속성이 배치됩니다. jQuery에서 Hidden 및 비활성화와 같은 값이 없는 속성을 제어하는 ​​방법에 대해 소개합니다.

일반적으로 일부 양식 제출 페이지를 구현할 때 몇 가지 숨겨진 속성을 배치합니다. 예를 들어 레코드를 수정할 때 레코드의 ID가 편집 창에 포함됩니다.

디스플레이 인터페이스에서는 사용자 수정을 피하기 위해 입력 또는 선택 상자를 비활성화하도록 설정해야 하는 경우가 있습니다.

다음 코드에 숨겨진 내용은 IE에서 제대로 작동하지 않습니다

<input name = "role_name" id = "role_name" value="Roy" disabled> 
<input name = "role_id" id = "role_id" hidden value="3312">

표준 작성 방법에 부가가치가 있어야 합니다

<input name = "role_name" id = "role_name" value="Roy" disabled = "disabled"> 
<input name = "role_id" id = "role_id" hidden = "hidden" value="3312">

때때로 편집이 필요한 경우가 있습니다 현재 페이지 위와 같습니다. 둘, 이때는 어떻게 해야 할까요?

다음을 사용할 수 있습니다:

$("#role_name").removeAttr("disabled"); 
$("#role_id").removeAttr("hidden");

또는

$("#role_name").prop("disabled",false); 
$("#role_id").prop("hidden",false);

여기서 $("#role_name").prop()는 부울 값을 반환하여 해당 여부를 확인합니다. has been 이 속성을 활성화하는 prop() 메소드를 selected 옵션에서 사용하여 옵션 선택 여부를 제어할 수도 있습니다.

일반적으로 prop()은 속성 이름을 작성하고 부울을 사용하여 속성 상태를 제어함으로써 효과를 발휘할 수 있습니다.

위 내용은 이 장의 전체 내용입니다. 더 많은 관련 튜토리얼을 보려면 jQuery 비디오 튜토리얼을 방문하세요.