PHP Ionic Angular HTML5 AJAX Javascript CSS MySQL jQuery Forum


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

25 September 2008 By Ninenik Narkdee
ทั้งหมด 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 สำหรับอ้างอิง