PHP Ionic Angularjs Phonegap AJAX Javascript CSS MySQL jQuery Forum

พอมีตัวอย่างโค้ด Checkbox เลือกอย่างใดอย่างนึงบ้างรึป่าวคับ

พอมีตัวอย่างโค้ด Checkbox เลือกอย่างใดอย่างนึงบ้างรึป่าวคับ

พอมีตัวอย่างโค้ด Checkbox เลือกอย่างใดอย่างนึง ถ้าไม่เลือกสักอันจะมีข้อความเเจ้งเตือนอะคับ

พอมีตัวอย่างปะคับ รบกวนทีคับ



โดย:  Ariesboy IP: 171.6.146.xxx วันที่: 05-10-2013 เวลา: 21:23:52

คำแนะนำ และการใช้งาน

สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก


  • ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ


  • ( หรือ สามารถทำการ สมัครสมาชิก และล็อกอิน ด้วย ปุ่ม Log in with Facebook ด้านล่าง )
 ความคิดเห็นที่ 3

ถ้าจะดึงข้อมูล ที่เพิ่มไปในฐานข้อมูลโดย Checkbox  ให้กลับมาขึ้นมาในหน้า edit ตรง Checkbox  นี้ต้องเขียนโค้ดอย่างไงหรอคับ

พอมีตัวอย่างไหมคับ

 
 



โดย:  Ariesboy IP: 171.7.63.xxx วันที่: 10-11-2013 เวลา: 23:43:41
 ความคิดเห็นที่ 2

 ช่วยเพิ่มโค้ดหน้า save ให้ทีคับ ต้องการให้มัน เซฟลงได้หลายค่าในเรคอร์ดเดียว โดยมีขีด(-)คั่นในการเเยกเเต่ละค่า

<?

$strSQL = "INSERT INTO test ";

$strSQL .="(chk) VALUES ('".$_POST["chk1"]."'";

$objQuery = mysql_query($strSQL);

 

?>

 


 



โดย:  Ariesboy IP: 14.207.221.xxx วันที่: 16-10-2013 เวลา: 19:17:41
 ความคิดเห็นที่ 1

 ตัวอย่าง ใช้กับ jquery 1.6 ขึ้นไป

 

data1

data2

data2

 

โค้ดทั้งหมด ลองทำความเข้าใจดู

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
</head>

<body>

<form id="form_test_check" name="form_test_check" method="post" action="">
  <p>
    <input name="chk1" type="checkbox" class="my_chk_css" id="chk1" value="1" /> 
  data1</p>
  <p>
    <input name="chk2" type="checkbox" class="my_chk_css" id="chk2" value="2" />
  data2</p>
  <p>
    <input name="chk3" type="checkbox" class="my_chk_css" id="chk3" value="3" />
  data2</p>  
  <p>
    <input type="submit" name="button" id="button" value="Submit" />
  </p>
</form>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>  
<script type="text/javascript">
$(function(){
	
	$(".my_chk_css").click(function(){  // เมื่อคลิก checkbox  ใดๆ
		if($(this).prop("checked")==true){ // ตรวจสอบ property  การ ของ 
			var indexObj=$(this).index(".my_chk_css"); // 
			$(".my_chk_css").not(":eq("+indexObj+")").prop( "checked", false ); // ยกเลิกการคลิก รายการอื่น
		}
	});
	
	$("#form_test_check").submit(function(){ // เมื่อมีการส่งข้อมูลฟอร์ม
		if($(".my_chk_css:checked").length==0){ // ถ้าไม่มีการเลือก checkbox ใดๆ เลย
			alert("NO");
			return false;	
		}
	});
	
});
</script>
</body>
</html>

 

 



โดย:  Ninenik Narkdee IP: 115.67.133.xxx วันที่: 06-10-2013