본문 바로가기

Computer

폼 input 일괄 비활성화


1. 테이블 너비를 변경하는 예.....

<table width=10 border=1>
<tr>
<td>test</td>
</tr>
</table>

<script>
alert(document.getElementsByTagName("table")[0].width);
document.getElementsByTagName("table")[0].width = '500';
alert(document.getElementsByTagName("table")[0].width);
</script>

 

2. 폼안의 모든 input 박스를 활성/비활성화 하는 예....

<script language="javascript">
<!--
function test(sw){
    var Obj = document.forms['F'].getElementsByTagName('input');
    for (var i=0;i<Obj.length;i++){
        if(sw=="off" && Obj[i].name) Obj[i].disabled = true;
        if(sw=="on" && Obj[i].name) Obj[i].disabled = false;
    }
}
//-->
</script>

<input type="button" value="켜라" onClick="test('on');">
<input type="button" value="꺼라" onClick="test('off');">

<form name="F">
<input type="text" name="A">
<input type="checkbox" name="B">
<input type="radio" name="C">
</form>


3. 체크박스를 전체 체크 하고 해제

<script>
function checkform(s){
    var f = document.frm;
    var getobj = document.getElementsByTagName("input");
    for(var i=0; i<getobj.length; i++){
        if(getobj[i].type == 'checkbox')
          getobj[i].checked = s;
    }
}
</script>

<FORM name=frm>
<input type="checkbox" name="office1" value="1"> AAA
<input type="checkbox" name="office2" value="1"> BBB
<input type="checkbox" name="office3" value="1"> CCC
<a href="javascript:;" onclick="checkform(true)">전체선택</a>
<a href="javascript:;" onclick="checkform(false)">전체해제</a>
</FORM>

4. 특정 태그 불러오기.

<script language="javascript">
<!--
function aaa(){

    alert(document.body.getElementsByTagName('p')[2].innerText);
}
//-->
</script>
<html>

    <p>내용1</p>
    <p>내용2</p>
    <p>내용3</p>  =>이걸불러온다.
    <p>내용4</p>
    <p>내용5</p>

</html> 
<input type="button" value="confirm" onclick="javascript:aaa()">