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 |