2009/02/16 11:41
CodeIN/Web
흐미.. 정말 웹은.... -0-;;
function delRow(){
var sTable = document.getElementById("sTable");
var lastRow = sTable.rows.length;
if(confirm("정말 삭제 하시겠습니까?")){
//테이블에서 checkbox중 check된 것만 삭제
for( var i=1 ; i < lastRow ; i++ ){
if(document.getElementsByTagName("tr")[i].cells[0].firstChild.checked){
sTable.deleteRow(i);
break;
}
}
}
}
function enabledAll(){
var sTable = document.getElementById("sTable");
var lastRow = sTable.rows.length;
for( var i=1 ; i < lastRow ; i++ ){
//tag가 tr인 것중에서 첫번째 cell(여기서는 checkbox)을 disabled=false로 만들어라.
//이것때문에 고생 좀 했다... false라는 것 "false"라고 하면은 안되더라.그냥 "true"는 되는데 -0-;;;.
document.getElementsByTagName("tr")[i].cells[0].firstChild.disabled=false;
}
}
function disabledOthers(){
var sTable = document.getElementById("sTable");
var lastRow = sTable.rows.length;
for( var i=1 ; i < lastRow ; i++ ){
//checkbox중에서 checked 된것을 제외한 나머지를 disabled=true로만든다.
if(!document.getElementsByTagName("tr")[i].cells[0].firstChild.checked){
document.getElementsByTagName("tr")[i].cells[0].firstChild.disabled="true";
}
}
}
<td><input type="checkbox" id="chk" name="chk" onclick="disabledOthers();" ></td>
<input type="button" value="삭제" onclick="delRow();enabledAll();">
var sTable = document.getElementById("sTable");
var lastRow = sTable.rows.length;
if(confirm("정말 삭제 하시겠습니까?")){
//테이블에서 checkbox중 check된 것만 삭제
for( var i=1 ; i < lastRow ; i++ ){
if(document.getElementsByTagName("tr")[i].cells[0].firstChild.checked){
sTable.deleteRow(i);
break;
}
}
}
}
function enabledAll(){
var sTable = document.getElementById("sTable");
var lastRow = sTable.rows.length;
for( var i=1 ; i < lastRow ; i++ ){
//tag가 tr인 것중에서 첫번째 cell(여기서는 checkbox)을 disabled=false로 만들어라.
//이것때문에 고생 좀 했다... false라는 것 "false"라고 하면은 안되더라.그냥 "true"는 되는데 -0-;;;.
document.getElementsByTagName("tr")[i].cells[0].firstChild.disabled=false;
}
}
function disabledOthers(){
var sTable = document.getElementById("sTable");
var lastRow = sTable.rows.length;
for( var i=1 ; i < lastRow ; i++ ){
//checkbox중에서 checked 된것을 제외한 나머지를 disabled=true로만든다.
if(!document.getElementsByTagName("tr")[i].cells[0].firstChild.checked){
document.getElementsByTagName("tr")[i].cells[0].firstChild.disabled="true";
}
}
}
<td><input type="checkbox" id="chk" name="chk" onclick="disabledOthers();" ></td>
<input type="button" value="삭제" onclick="delRow();enabledAll();">
'CodeIN > Web' 카테고리의 다른 글
| JavaScript String Replace All (3) | 2009/02/20 |
|---|---|
| [javascript] dynamic 테이블 생성시 event 추가 하는 방법 (0) | 2009/02/18 |
| [javascript] checkbox 활성화/비활성화 (0) | 2009/02/16 |
| [javascript] checkbox에 체크된 row만 삭제 하기 (0) | 2009/02/13 |
| [javascript] table에 row 추가 - insertRow() (0) | 2009/02/13 |
| [html] contenteditable="false" (0) | 2009/02/12 |


