안규 공부방

Javascript & JQuery & CSS > example - disabled 예제

등록일 : 2017-07-04 18:42 조회수 : 95,224

disabled은 text, radio, select, checkbox 에 걸어주게 되면 submit을 하더라도 disabled걸려있는 name의 value값은 넘어가지 않는다

그러나......

readOnly는 넘어간돠-0-/

두가지의 공통점은 화면상에서 컨트롤 할수 없다는 점.....

화면상에서 막아버리고 값도 사용할 필요가 없을때......  disabled걸어주고

화면상에서 막아버리지만 값은 세팅되서 사용해야 할때는 .....  readOnly걸어주면 된다.
 
		function disabled_test(chk) 
		{
			var frm = document.all.frm1;

			if (chk=="A")
			{
				frm.test1.style.background="silver";
				frm.test1.disabled = true;
				frm.test2.style.background="silver";
				frm.test2.disabled = true;
				//frm.test3.style.background="silver";
				frm.test3[0].disabled = true;
				frm.test3[1].disabled = true;

				frm.test4[0].disabled = true;
				frm.test4[1].disabled = true;

			}
			else
			{
				frm.test1.style.background="white";
				frm.test1.disabled = false;
				frm.test2.style.background="white";
				frm.test2.disabled = false;
				//frm.test3.style.background="white";
				frm.test3[0].disabled = false;
				frm.test3[1].disabled = false;

				frm.test4[0].disabled = false;
				frm.test4[1].disabled = false;

			}

		}
		

Jquery 를 이용한 disabled 속성은 아래 와 같습니다.
 
	        $("input[name=c_email1]").prop("disabled", false);
		$("input[name=c_email1]").prop("disabled", true);

		$("input[name=c_email1]").attr("disabled", false);
		$("input[name=c_email1]").attr("disabled", true);

		//disabled 속성 제거 방법은 아래와 같이 사용할 수도 있습니다.
		$("input[name=c_email1]").removeAttr("disabled");
 
※ 혹시 도움이 되셨다면 댓글에 한마디 남겨주세요!
작성자   비밀번호
자동글 방지     (자동글 방지 기능입니다.)
내용   댓글달기 
이메일 문의 : cak0280@nate.com  
Copyright 2000 By ENTERSOFT.KR All Rights Reserved.