<script language="javascript">
<!--
function add(){
var target =
document.getElementById("dynamicTable");
var currentRowIndex = target.rows.length;
var row = target.insertRow(-1);
var cell = row.insertCell(-1);
cell.innerHTML = "<input type='text'
name='point"+ currentRowIndex +
"' size='5' maxlength=='5'
value='20'> " +
"<select name='scope"
+ currentRowIndex + "'>" +
"<option>초과</option>" +
"<option>이상</option>" +
"<option>이하</option>" +
"<option>미만</option>" +
"</select>";
}
function checkToggle(form){
var i=1;
var isDisabled = (form.auto.checked) ? true : false;
while(true){
var scopeElement = form["scope" + i];
var pointElement = form["point" + i++];
if (scopeElement){
scopeElement.disabled = isDisabled;
pointElement.disabled = isDisabled;
}else{
break;
}
}
}
//-->
</script>
</head>
<body>
<form name="form">
<input type="checkbox" name="auto" onclick="checkToggle(this.form)"> Disabled 된다
<input type="button" value="add" onclick="add()">행추가
<table id="dynamicTable" border="0" cellpadding="5" cellspacing="1" align="center">
<thead>
<tr align="center">
<td width="130">점수</td>
</tr>
</thead>
<tbody>
<tr align="center">
<td colspan="4">
<input type="text" name="point1" size="5" maxlength="5" value="20">
<select name="scope1">
<option>초과</option>
<option>이상</option>
<option>이하</option>
<option>미만</option>
</select>
</td>
</tr>
</tbody>
</table>
</form>
</body>'웹 프로그래밍 > 자바스크립트' 카테고리의 다른 글
| 프로젝트 나가서 주로 공통으로 쓰는 javascript common.js 내용 (0) | 2009.02.19 |
|---|---|
| Javascript 에서 알아야할 기초사항 (1) | 2009.02.18 |
| Select 박스 선택시 그 값을 알수 있는 코드 예제 (0) | 2009.02.17 |
| Javascript 에서 랜덤으로 배너를 출력하고 싶을 때 (0) | 2009.02.11 |
| javascript 에서 html value 값을 버전관계없이 바꾸고 싶을때 (0) | 2009.01.07 |
| jQuery 라이브러리 사용을 쉽게하는 전용 IDE – Aptana (0) | 2008.12.30 |
| 파이어폭스 설치 사용하기 (0) | 2008.12.26 |
| javascript 디버깅 툴 - Companion.JS (0) | 2008.12.22 |
