PHP Ionic Angular Phonegap AJAX Javascript CSS MySQL jQuery Forum


เลือกหรือไม่เลือก checkbox ทั้งหมด

25 September 2008 By
checkbox ทั้งหมด เลือก

คำสั่ง การ กำหนด รูปแบบ ตัวอย่าง เทคนิค ลูกเล่น การประยุกต์ การใช้งาน เกี่ยวกับ checkbox ทั้งหมด เลือก



โค้ดตัวอย่าง
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-874" />
<title></title>
<script language="javascript">
function chk_all(){
	var x=document.getElementsByTagName("input");
	for(i=0;i<=x.length;i++){
		if(x[i].type=="checkbox"){
			x[i].checked=true;
		}
	}
}
function unchk_all(){
	var x=document.getElementsByTagName("input");
	for(i=0;i<=x.length;i++){
		if(x[i].type=="checkbox"){
			x[i].checked=false;
		}
	}
}
</script>
</head>

<body>
<form name="form1" method="post" action="">
select color<br>
  <input name="color1" type="checkbox" id="color1" value="red"> 
  red<br>
  <input name="color2" type="checkbox" id="color2" value="blue"> 
  blue<br>
  <input name="color3" type="checkbox" id="color3" value="green">
  green
  <br>
<a href="javascript:chk_all();">Check All</a> 

<a href="javascript:unchk_all();">Uncheck All </a>
</form>
</body>
</html>






Tags:: checkbox ทั้งหมด เลือก






อย่าลืมกด Like กด Share เป็นกำลังใจ ในการสร้างบทความใหม่ๆ น่ะครับ


URL สำหรับอ้างอิง