การเช็คค่าข้อมูล checkbox ,, ขอคำแนะนำด้วย

ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา การเช็คค่าข้อมูล checkbox ,, ขอคำแนะนำด้วย

การเช็คค่าข้อมูล checkbox ,, ขอคำแนะนำด้วย

 

ขอคำแนะนำด้วยค่ะ คือว่าต้องการให้เช็คค่าของ checkbox  ว่าถ้าไม่เลือกตัวที่ 1 จะเลือกตัวที่ 2 ไม่ได้ 

และถ้าไม่เลือกตัวที่ 1 และ 2 จะไม่สามารถเลือกตัวที่ 3 ได้ค่ะ

ขอแนวทางในการเขียน code หน่อยนะค่ะ ขอบคุณค่ะ



Zippy 203.158.196.xxx 20-01-2011 13:05:45

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

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


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


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

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

 ลองใช้ jQuery ดู โดย

1.เพิ่ม class ให้ checkbox ทุกตัวเท่ากับ class="my_checkbox"
2.ใช้ jQuery ในการจัดการ ดังตัวอย่างโค้ดด้านล่าง
<form id="form2" name="form2" method="post" action="">
<table width="500" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td width="100">&nbsp;</td>
    <td width="100">&nbsp;</td>
    <td width="100">&nbsp;</td>
    <td width="100">&nbsp;</td>
  </tr>
  <tr>
    <td align="left"><input type="checkbox" name="checkbox" id="checkbox" class="my_checkbox" /></td>
    <td align="left"><input type="checkbox" name="checkbox2" id="checkbox2" class="my_checkbox" /></td>
    <td align="left"><input type="checkbox" name="checkbox3" id="checkbox3" class="my_checkbox" /></td>
    <td align="left"><input type="checkbox" name="checkbox8" id="checkbox8" class="my_checkbox" /></td>
  </tr>
  <tr>
    <td align="left"><input type="checkbox" name="checkbox4" id="checkbox4" class="my_checkbox" /></td>
    <td align="left"><input type="checkbox" name="checkbox5" id="checkbox5" class="my_checkbox" /></td>
    <td align="left"><input type="checkbox" name="checkbox6" id="checkbox6" class="my_checkbox" /></td>
    <td align="left"><input type="checkbox" name="checkbox7" id="checkbox7" class="my_checkbox" /></td>
  </tr>
</table>
</form>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
$(function(){
	 $(".my_checkbox").click(function(){
		var prevCheckbox=$(this).parent("td").prev("td").find(".my_checkbox").attr("checked");
		if(prevCheckbox!=undefined && prevCheckbox==false){
			 return false;
		}
	 });
});
</script>
 
 
ตัวอย่าง
 
       


ninenik 183.89.218.xxx 20-01-2011
 ความคิดเห็นที่ 2

 ขอบคุณค่ะ จะลองไปปรับดูนะค่ะ ^^



Zippy 203.158.196.xxx 20-01-2011 13:43






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