สอบถามหน่อยครับ

ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา สอบถามหน่อยครับ

สอบถามหน่อยครับ
ผมต้องการจะติ๊ก checkbox ที่อยู่ใน table แล้วนำค่าของ ช่อง S0001 วันที่ ที่อยู่ในตาราง ไปโชว์ใน lable อีกหน้าหนึ่งนะครับ
ช่วยแนะนำหน่อยนะครับ
ขอบคุณครับ


Maxtri 125.26.78.xxx 10-09-2016 10:09:19

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

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


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


    ( หรือ เข้าใช้งานผ่าน Social Login )

 ความคิดเห็นที่ 1


ติ๊ก checkbox แล้วนำค่าที่วงกลมไว้ไปโชว์อีกหน้าหนึ่งครับ
ช่วยแนะนำทีนะครับ
ขอบคุณมากครับ


maxtri 101.108.201.xxx 10-09-2016 10:11
 ความคิดเห็นที่ 2
ลองดูตัวอย่างโค้ดนี้เป็นแนวทาง และศึกษา jquery เพิ่มเติม http://api.jquery.com/category/selectors/

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<script src="https://code.jquery.com/jquery-1.8.3.js"></script>
<table>
  <tr>
    <td><input class="css_chk" type="checkbox"></td>
    <td> A </td>
    <td> B </td>
  </tr>
  <tr>
    <td><input class="css_chk" type="checkbox"></td>
    <td> C </td>
    <td> D </td>
  </tr>
</table>
<script type="text/javascript">
$(function(){
	// ถ้าคลิก checkbox 
	$(".css_chk").on("click",function(){
		var i_check=$(this).prop("checked"); // เก็บค่าว่าคลิกเลือกหรือไม่
		if(i_check){ // ถ้าคลิกเลือก
		  var indexThis=$(".css_chk").index(this); // เก็บค่า index ของ checkbox
		  var data1 = $(this).parents("tr").find("td:eq(1)").text(); // เก็บค่า ข้อความแต่ละคอลัมน์
		  var data2 = $(this).parents("tr").find("td:eq(2)").text();// เก็บค่า ข้อความแต่ละคอลัมน์
		  data1 = $.trim(data1); // ตัดช่องว่างหน้าหลัง
		  data2 = $.trim(data2); // ตัดช่องว่างหน้าหลัง
		  console.log(data1); // ทดสอบแสดงค่า ใน debug console 
		  console.log(data2);
		}
	});	
});
</script>
</body>
</html>


ตัวอย่าง

A B
C D


ninenik 1.46.98.xxx 10-09-2016






เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ