<html>
<head>
<title> 버튼클릭시 해당행 삭제 </title>
<script language='javascript'>
<!--
function rowDel(obj)
{
var tr = obj.parentNode.parentNode;
tr.parentNode.removeChild(tr);
}
//-->
</script>
</head>
<body>
<form name='form1' method='post'>
<table>
<tr>
<td>
<input type="checkbox" id=" 1">
</td>
<td>
<input type="button" id="1" value="1ROW" onclick='javascript:rowDel(this);'>
</td>
</tr>
<tr>
<td>
<input type="checkbox" id=" 1">
</td>
<td>
<input type="button" id="1" value="2ROW" onclick='javascript:rowDel(this);'>
</td>
</tr>
<tr>
<td>
<input type="checkbox" id=" 1">
</td>
<td>
<input type="button" id="1" value="3ROW" onclick='javascript:rowDel(this);'>
</td>
</tr>
</table>
</form>
</body>
</html>
<head>
<title> 버튼클릭시 해당행 삭제 </title>
<script language='javascript'>
<!--
function rowDel(obj)
{
var tr = obj.parentNode.parentNode;
tr.parentNode.removeChild(tr);
}
//-->
</script>
</head>
<body>
<form name='form1' method='post'>
<table>
<tr>
<td>
<input type="checkbox" id=" 1">
</td>
<td>
<input type="button" id="1" value="1ROW" onclick='javascript:rowDel(this);'>
</td>
</tr>
<tr>
<td>
<input type="checkbox" id=" 1">
</td>
<td>
<input type="button" id="1" value="2ROW" onclick='javascript:rowDel(this);'>
</td>
</tr>
<tr>
<td>
<input type="checkbox" id=" 1">
</td>
<td>
<input type="button" id="1" value="3ROW" onclick='javascript:rowDel(this);'>
</td>
</tr>
</table>
</form>
</body>
</html>
'Programming > JavaScript' 카테고리의 다른 글
| 텍스트 필드에 숫자만 입력받는 자바스크립트 함수 (0) | 2009.09.03 |
|---|---|
| 입력양식에서 한영입력 제한하기 (0) | 2009.09.03 |
| 천단위 마다 콤마추가하기 (0) | 2009.07.06 |
| 자바스크립트에서 배열처리 및 숫자만입력하기 (0) | 2009.04.22 |
| 팝업창 하루만열기.... (0) | 2009.01.30 |