태그 자료실

회원로그인

무료회원가입 보안로그인

아이디/비밀번호찾기

체크박스를 선택해야만 INPUT이 활성화 됩니다.

16년 전

<html>
<head>
<title>http://www.xtx.kr</title>
<script type='text/javascript'>
if (typeof window.onload == 'function') {motorCheckbox_OL = window.onload;}
window.onload = function()
{
  if (window.motorCheckbox_OL) motorCheckbox_OL();
  var i, ca;
  ca = document.getElementsByName('motorCheckbox');
  for (i = 0; i < ca.length; ++i) {
    ca[i].onclick = motorCheckbox_click;
  }
}
function motorCheckbox_click()
{
  // find parent TR
  var tr = this.parentNode;
  while (tr && tr.nodeName.toLowerCase() != 'tr') {
    tr = tr.parentNode;
  }
  if (tr) {
    // get all inputs contained by TR
    var i, ia = tr.getElementsByTagName('input');
    for (i = 0; i < ia.length; ++i) {
      if (ia[i].type.toLowerCase() == 'text') { // filter out 'text' inputs
        ia[i].disabled = !this.checked;
      }
    }
  }
}
</script>
</head>
<body>

<table>
<tr>
    <td><input type="checkbox" name="motorCheckbox" value="<%=motor.getId()%>"></td>
    <td><input type="text" size="10" name="pris" disabled="true"></td>
    <td><input type="text" size="10" name="toppfart" disabled="true"></td>
    <td><input type="text" size="10" name="motorinstallasjon" disabled="true"></td>

</tr>
<tr>
    <td><input type="checkbox" name="motorCheckbox" value="<%=motor.getId()%>">
    <td><input type="text" size="10" name="pris" disabled="true"></td>
    <td><input type="text" size="10" name="toppfart" disabled="true"></td>
    <td><input type="text" size="10" name="motorinstallasjon" disabled="true"></td>
</tr>
<tr>
    <td><input type="checkbox" name="motorCheckbox" value="<%=motor.getId()%>">
    <td><input type="text" size="10" name="pris" disabled="true"></td>
    <td><input type="text" size="10" name="toppfart" disabled="true"></td>
    <td><input type="text" size="10" name="motorinstallasjon" disabled="true"></td>
    </td>
</tr>
</table>

</body>
</html>

추천 목록

번호	제목
108	숫자만 입력받기..
107	테이블 포함한 폼 입력란 동적 추가/삭제
106	체크한 것만 합계를 표시하는 스크립트
105	선택하지 못하는 select option 만들기
104	입력한 길이만큼 늘어나고 줄어드는 TEXTAREA
103	무한 이미지 업로드
102	SELECT BOX로 해당 주소로 이동하기2
101	표안의 레이어 고정좌표 풀기
100	레이어에 스크롤바 달기
99	조건에 따라 다른 페이지를 열어주는 소스
98	입력폼에서 변수 체크하는 스크립트
97	폼 관련 객체들
96	tabindex : TAB 키를 통하여 이동순서 지정
95	MySQL 데이타 입력 크기
94	테이블의 폭을 고정하고 싶을때..
93	메일전송 클래스(SMTP Class)
92	셀렉트 메뉴를 레이어로 표현
91	textarea의 입력된 HTML을 미리보기 합니다..
90	textarea에 있는 내용을 선택만 하면 COPY가 되고 다른 폼을 선택하면 붙히기가 됩니다.
89	textarea안을 클릭하면 그 안에 내용전체가 선택됩니다
88	input 입력상자에 텍스트 입력을 제한 및 글자수를 실시간 표시합니다.
87	textarea에 글을 입력하면 다른 textarea와 레이어에 실시간으로 타이핑 됩니다
86	textarea에 입력된 내용중 URL,도메인, 이메일만 추출합니다.
	체크박스를 선택해야만 INPUT이 활성화 됩니다.
84	radio버튼 선택 여부에 따라 셀렉트 항목이 바뀝니다
83	radio버튼을 선택하면 해당 value값이 input 상자에 나타납니다.
82	라디오 버튼 목록을 옵션에 따라 LOCK을 겁니다.
81	라디오 버튼 선택에 따라 입력폼이 나타나거나 사라집니다.
80	라디오버튼을 선택하면 입력된 주소로 이동합니다.
79	체크박스 선택 갯수를 제한하는 스크립트