[javascript]전체선택, 전체해재 자바스크립트

[javascript]전체선택, 전체해재 자바스크립트

 

[javascript]전체선택, 전체해재 자바스크립트

 

자바스크립트를 이용해 체크박스 전체선택, 전체해제하기

 

form name을 frmname 으로 설정한 체크박스를 전체 선택하고 해제하는 스크립트

function selectAll()	{
	pattern = /^check/;
	for(i = 0 ; i < document.frmname.elements.length ; i++)	{  
		var ele = document.frmname.elements[i];
		if (pattern.test(ele.name))
			ele.checked = !ele.checked;
	}
}

 

 

전체선택 버튼 클릭시 체크박스 전체 선택/전체 해제

<button id="button" onclick="selectAll();">전체선택</button>
<form name=frmname action=act.php>
  <input type=checkbox name=input1>
  <input type=checkbox name=input2>
  <input type=checkbox name=input3>
  <input type=checkbox name=input4>
  <input type=checkbox name=input5>
  <input type=checkbox name=input6>
  <input type=checkbox name=input7>
  <input type=checkbox name=input8>
</form>

 

체크박스 개수와 관계 없이 체크박스 전체선택/전체 해제 기능.

체크박스 선택/해제시 버튼 내용을 바꾸려면 스크립트에 내용을 추가하면 된다.