javascript/jquery - 체크박스 모두 체크/ 모두 체크 해제

<table>
	<thead>
		<tr>
			<td>
				<input type="checkbox" class="chk_all"/>
			</td>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>
				<td><input type="checkbox" class="chk_box" value="0"/></td>
			</td>
		</tr>
		<tr>
			<td>
				<td><input type="checkbox" class="chk_box" value="1"/></td>
			</td>
		</tr>
		<tr>
			<td>
				<td><input type="checkbox" class="chk_box" value="2"/></td>
			</td>
		</tr>
	</tbody>
</table>

<script language="javascript">
    $(document).ready(function(){
		 $(document).on("click",".chk_all",function(){
            $(".chk_box").prop("checked",$(this).prop("checked"));
        });
	});
</script>

<script>
funtion print_btn(target_id){
	var initBody = document.body.innerHTML;
	window.onbeforeprint = function(){
		document.body.innerHTML = document.getElementById(target_id).innerHTML;
	}
	window.onafterprint = function(){
		document.body.innerHTML = initBody;
	}
window.print();   
}
</script>

<input type="button" id="page_print" onclick="print_btn('print_target');" value="부분프린트" />
<input type="button" id="page_print" onclick="window.print();" value="전체프린트" />


<div id='print_target'>
	이내용만 프린트한다
<div>

<div>
	이내용은 그냥 내용이다 프린트 없다.
</div>

var url = "www.aaa.com" // url

var width = 100 // width
var height = 100 // height

var left = 50 // left
var top = 50 // top

window.open(url, "window name", "width="+width+", height="+height+", left="+left+", top="+top);

<form name="form_1">
<form>

<script>
	var form = $('form[name="form_1"]');
        
        var input   = document.createElement('input');
        input.type   = 'hidden';
        input.name  = 'inx';
        input.value  = inx;

        form.appendChild(input);

</script>

var arr = ['one', 'two', 'three', 'four'];

for (var key in arr) {
	console.log(arr[key]);
}


// result
// onetwothreefour

<input type="text" name="tel[]" value="">
<input type="text" name="tel[]" value="">
<input type="text" name="tel[]" value="">

$("input[name='tel[]']")[0].value = '010';
$("input[name='tel[]']")[1].value = '1234';
$("input[name='tel[]']")[2].value = '5678';

JAVASCRIPT 뒤로가기 버튼

document.write("<input type='button' value='뒤로가기' onclick='history.back(1)' style=width:70;>");

버튼을 생성하고 원클릭 history.back(1)으로 1번 이전페이지로 간다 2로할경우 2번뒤로가기가 된다.

실행

요일 출력부분 함수


일요일은 빨간색 토요일은 파란색!!!




<SCRIPT LANGUAGE="JavaScript">
			function today(){	// 날짜를 출력하는 함수
				var now = new Date();	// Date객체
				var month = now.getMonth()+1; // 월
				var week = new Array("일","월","화","수","목","금","토");	// 요일 배열
				var style ="";	// 요일 색상 변수
		
				for(var i=0 in week){	// 0부터 week배열의 총갯수 까지 1씩 증가 시킨다.
					if (i==now.getDay()) toweek = week[i];	// 만약 오늘 날짜의 요일의 값이 i와 같으면 배열의 i에 있는 요일을 변수 toweek에 넣는다.
				}
				if(toweek=="일") style =" style= 'color:red';"; else if (toweek=="토") style = " style= 'color: blue';"; // 일요일엔 빨강색 토요일엔 파랑색
				document.write("<table width='800'> <tr align='center'><td><h6 style= font-size:20pt;>"+now.getFullYear()+"년 "+month+"월 "+now.getDate()+"일 <span"+style+">"+toweek+"요일</span></h6>"+"</td></tr></table>");
				// 오늘의 날짜를 출력한다.
				}
</SCRIPT>

실행결과


























공감은 로그인을 필요로 하지않습니다.

공감♥