<form>
<input type=checkbox name=radio1 value="한식" onClick="this.form.text1.disabled=false">입력상자에 글쓰기
<input type=text name=text1 disabled value="내용">
</form>
어디선가 얻은 소스예요...
체크하면 내용이라는 곳이 텍스트 박스가 쓸수 있도록 보여지는 소스입니다.
그런데 체크를 한 후에 다시 체크를 해제하면 다시 못쓰게 disabled 하고 싶은데요...
이런건 어떻게 해야하나요?
좀 부탁드립니다..
|
답변 3개 / 댓글 1개
채택된 답변
+20 포인트
2015-08-21 (금) 18:51:52
Copy
<input type=checkbox name=radio1 id="radio1" value="한식" onClick="this.form.text1.disabled=false">입력상자에 글쓰기<input type=text name=text1 id="text1" disabled value="내용"><script type="text/javascript">document.getElementById('radio1').onclick = function() { var tf = ""; tf = this.checked == true ? false : true; document.getElementById("text1").disabled = tf;};</script>jquery 쓰는 게 더 편할지도 모르겠네요.
2015-08-30 (일) 22:37:23
친절한 설명 대단히 감사드립니다...
2015-08-25 (화) 11:27:09
잘 안되네요..
감사합니다.
답변에 대한 댓글 1개
2015-08-25 (화) 11:36:19
답변을 작성하려면 로그인이 필요합니다.
<input type="text" name="text1" id="text1" disabled value="내용">
<script type="text/javascript">
document.getElementById("radio1").onclick = function() {
var tf = "";
tf = this.checked == true ? false : true;
document.getElementById("text1").disabled = tf;
};
</script>
disabled = tf; <- 뒤에 보시면 ; 세미콜론 뒤에 무언가가 더 붙어서 2바이트 문자처럼 되어 있네요.
그래서 안 된 겁니다.
에디트 플러스 같은 데에다가 복사해서 마우스로 이동해 보시면 아마 세미콜론에서 두 번 이동이 되는 게 보일 겁니다.
세미콜론을 지우시고 직접 타이핑하시면 됩니다.