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

Bookmark and Share
โค้ดตัวอย่าง
<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>



บทความในหมวดที่่น่าสนใจ อื่นๆ JAVASCRIPT Learning

25 Sep 08 กรอกข้อมูลได้เฉพาะตัวเลข อ่าน 1934 06 Jan 09 บวกวันใน javascript ด้วยฟังก์ชัน day add อย่างง่าย อ่าน 1930 28 Oct 08 การ hilight form ฟอร์มด้วย javascript อย่างง่าย อ่าน 1928 25 Sep 08 การทำปุ่ม Print แบบรูปภาพ อ่าน 1922 26 Oct 08 เช็ค browser ด้วย javascript ได้ทั้ง IE Firefox Opera Chrome อ่าน 1897 25 Sep 08 ตรวจสอบนามสกุลไฟล์ ก่อนทำการอัพโหลด อ่าน 1744 25 Sep 08 การแปลงค่าตัวแปรเป็นตัวแปร string ด้วยฟังก์ชัน toString() อ่าน 1736 25 Sep 08 แสดงตัวอักษร เหมือนกับกำลังพิมพ์ คล้าย www.manager.co.th อ่าน 1672 25 Sep 08 แปลงค่าตัวแปรเป็นตัวแปร Number ด้วยฟังก์ชัน parseInt() และ parseFloat() อ่าน 1640 25 Mar 09 การใช้งานแอดทริบิวท์ autocomplete แบบพื้นฐาน อ่าน 1622 30 Sep 08 แปลงตัวแปร String เป็นค่าตัวเเลข อ่าน 1614 13 Mar 09 สร้างฟังก์ชัน กรอกข้อความได้เฉพาะภาษาไทยด้วย javascript อ่าน 1527 08 Oct 08 javascript อย่างง่าย กับการสร้างปุ่มจากรูปภาพ อ่าน 1516 25 Sep 08 ไม่ให้ทำการ คัดลอก ( Copy ) และ วาง ( Paste ) อ่าน 1490 30 Oct 08 กำหนดเวลารอดำเนินการ ด้วย javascript อย่างง่าย อ่าน 1483
จำนวนผู้เยี่ยมชม 157924 คน 2010 © Copyright ninenik.com. All rights reserved.