본문 바로가기
JSP/Muzi

읽기 전용으로 바꾸기disabled,readonly

by 미눅스[멘토] 2023. 8. 1.
728x90

 

	//class가 form-control-user인 요소들을 readonly 처리를 해보자
	//$('.form-control-user').prop('readonly', true);
	$('.form-control-user').attr('readonly', 'readonly');
	//비활성
	$("#category").attr("disabled","disabled");
	
	//상태도 읽기전용 처리
	//$("input[name='condition']").attr('disabled','disabled');
	$("input[name='condition']").attr('onclick','return(false);');
	
	
	//파일 등록 버튼 가리기
	$('#bookImage').parent().css("display","none");
	
	
	//ckeditor를 읽기 전용으로 처리
	CKEDITOR.instances['description'].setReadOnly(true);

 

 

	//수정보튼 클릭 -> 수정모드로 전환
	$("#edit").on("click",function(){
		$("#div1").css("display","none");
		$("#div2").css("display","block");
		
		
		//class가 form-control-user인 요소들을 readonly 처리를 해보자
		//$('.form-control-user').prop('readonly', true);
		$('.form-control-user').removeAttr('readonly', 'readonly');
		//비활성 -> 활성
		$("#category").removeAttr("disabled","disabled");
		
		//상태도 읽기전용 처리 -> 수정가능
		//$("input[name='condition']").attr('disabled','disabled');
		$("input[name='condition']").attr('onclick','return(true);');
		
		
		//파일 등록 버튼 가리기
		$('#bookImage').parent().parent().css("display","block");
		
		//ckeditor를 읽기 전용으로 처리 -> 수정가능
		CKEDITOR.instances['description'].setReadOnly(false);