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");