input box 에서 readonly 제어 방법

=======================================================================================
 disabled 속성 이용 (Form 값으로 넘길 때 해당 내용이 넘어가지 않음, 없는 객체)
=======================================================================================

<script language="JavaScript">
function showhid()
{
 if( document.survey.q1[0].checked )
 {
  document.survey.q1_etc.disabled = true;
  //document.survey.q1_etc.readOnly = true;

 }
 if(document.survey.q1[1].checked==true)
 {
  document.survey.q1_etc.disabled = false;
  //document.survey.q1_etc.readOnly = false;
 }
}
</script>
<form name='survey'>
 <INPUT TYPE="radio" name='q1' value="1" onClick="showhid();">쓸수없게 한다<br>
 <INPUT TYPE="radio" name='q1' value="2" onClick="showhid();">쓸수있게 있다<br>
 <INPUT TYPE="text" NAME="q1_etc" class='input' disabled>
</form>

=======================================================================================
 readOnly 속성 이용 (Form 값으로 넘길 때 해당 내용이 넘어감)
=======================================================================================
<script>
function swapReadOnly()
{
 var obj = document.all('test');
 if (obj.readOnly)
 {
  obj.readOnly = false;
 }
 else
 {
  obj.readOnly = true;
 }
}
</script>

<input type="text" name="test" size="10">
<input type="button" name="swapBtn" value="바꿔!" onclick="swapReadOnly();">


참고
http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/readOnly_1.asp

'HTML & Script' 카테고리의 다른 글

숫자외 입력금지  (0) 2010.05.18
HTML5  (0) 2010.04.20
YUI Compressor  (0) 2010.03.25
input type=file 의 여러가지 활용법  (0) 2010.03.24
daumopeneditor  (0) 2010.03.24

+ Recent posts