Javascript & JQuery & CSS

Text 태그에 ReadOnly 속성을 스크립트를 이용해 수정해야 할 경우가 종종 생긴다. 이런경우, 아래처럼

getElementById 함수를 이용해서 처리될 수 있다.

document.getElementById("aaa").readOnly = true;
document.getElementById("aaa").focus();

Jquery를 이용한 readonly 속성 변경 방법은 아래와 같습니다.
 

	// readonly 속성 해제하기
	$("input[name=id]").attr("readonly", false);
	$("input[name=id]").prop("readonly",false); 

	// readonly 속성 적용하기
	$("input[name=id]").attr("readonly", true);
	$("input[name=id]").prop("readonly",true);