1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 | <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body> <p id="demo">여기가 p태그 입니다.</p> <br><br> <input type="text" id="id" size="10" value=""> <!-- 다른 페이지로 이동할때는 name을 지정해줘야 함 --> <br><br> <button type="button" onclick="myfunc()">버튼</button> <p id="p1"></p> <script type="text/javascript"> function myfunc() { //일반 Tag, p, pre, h1 ~ h6 var pTag = document.getElementById("demo").innerHTML; //input, textarea var textF = document.getElementById("id").value; document.getElementById("p1").innerHTML = textF; document.getElementById("id").value = "문자열이 변경되었습니다."; } </script> <form name="form1"> <input type="checkbox" id ="ch1" name="ch1" onclick="myfunc(0)">아이템1<br> <input type="checkbox" id ="ch2" name="ch2" onclick="myfunc(1)">아이템2<br> <input type="text" name="text1" value="hello"> </form> <script type="text/javascript"> function myfunc(n) { if(document.form1.elements[n].checked){ alert(n + "번째 체크박스가 체크되었습니다."); }else{ alert(n + "번째 체크박스가 체크 해제되었습니다."); } var name = document.form1.elements[2].value; alert(name); } </script> </body> </html> | cs |
'IT Study > Web' 카테고리의 다른 글
| [JavaScript] location.href 기본 예제 (0) | 2018.08.06 |
|---|---|
| [JavaScript] setInterval 기본 예제 (0) | 2018.08.06 |
| [JavaScript] Math 관련 예제 (0) | 2018.08.06 |
| [JavaScript] toString, parseInt (0) | 2018.08.06 |
| [JavaScript] 기본 문법 - 진수 변환 (0) | 2018.08.06 |