เรื่อง Checkbox และส่งค่า Even ไปยังอีกหน้า ครับ
ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา เรื่อง Checkbox และส่งค่า Even ไปยังอีกหน้า ครับ
เรื่อง Checkbox และส่งค่า Even ไปยังอีกหน้า ครับ
Copy
อันนี้คือ code หน้าแรกครับ
ฝ่ายเอกชน (ไม่ได้ทำโปรแกรมที่ 1 ) (เมื่อคลิ๊ก Checkbox ของฝ่ายเอกชน) ในหน้า testn2.php Checkbox จะต้องถูก ติ๊กที่ โปรแกรมที่ 1 และหน้า testn3.php จะไม่แสดง จะข้ามไปทำที่หน้า testn4.php : ทำทุกหน้ายกเว้นหน้า testn3.php
ฝ่ายรัฐบาล (ไม่ได้ทำโปรแกรมที่ 2) (เมื่อคลิ๊ก Checkbox ของฝ่ายรัฐบาล) ในหน้า testn2.php Checkbox จะต้องถูก ติ๊กที่ โปรแกรมที่ 2 และหน้า testn4.php จะไม่แสดง ต้องไปทำที่หน้า testn3.php : ทำทุกหน้ายกเว้นหน้า testn4.php
testn1.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
ฝ่ายเอกชน (ไม่ได้ทำโปรแกรมที่ 1 ) (เมื่อคลิ๊ก Checkbox ของฝ่ายเอกชน) ในหน้า testn2.php Checkbox จะต้องถูก ติ๊กที่ โปรแกรมที่ 1 และหน้า testn3.php จะไม่แสดง จะข้ามไปทำที่หน้า testn4.php : ทำทุกหน้ายกเว้นหน้า testn3.php
ฝ่ายรัฐบาล (ไม่ได้ทำโปรแกรมที่ 2) (เมื่อคลิ๊ก Checkbox ของฝ่ายรัฐบาล) ในหน้า testn2.php Checkbox จะต้องถูก ติ๊กที่ โปรแกรมที่ 2 และหน้า testn4.php จะไม่แสดง ต้องไปทำที่หน้า testn3.php : ทำทุกหน้ายกเว้นหน้า testn4.php
testn1.php
<!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>Test1</title>
<style type="text/css">
<!--
.style1 {color: #FF0000}
.style2 {
color: #FF0000;
font-weight: bold;
}
.style3 {color: #0000FF}
.style5 {color: #0000FF; font-weight: bold; }
-->
</style>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<p>
<input type="checkbox" name="checkbox" id="checkbox" />
ฝ่ายเอกชน
(ไ<span class="style1">ม่ได้ทำโปรแกรมที่ 1</span> ) (เมื่อคลิ๊ก Checkbox ของฝ่ายเอกชน) ในหน้า <span class="style2">testn2.php </span>Checkbox จะต้องถูก ติ๊กที่ <span class="style1">โปรแกรมที่ 1 </span>และหน้า <span class="style2">testn3.php</span> จะไม่แสดง จะข้ามไปทำที่หน้า <span class="style2">testn4.php : </span><span class="style5">ทำทุกหน้ายกเว้นหน้า testn3.php</span></p>
<p>
<input type="checkbox" name="checkbox2" id="checkbox2" />
ฝ่ายรัฐบาล (<span class="style1">ไม่ได้ทำโปรแกรมที่ 2</span>) (เมื่อคลิ๊ก Checkbox ของฝ่ายรัฐบาล) ในหน้า<span class="style1"><strong> testn2.php</strong></span> Checkbox จะต้องถูก ติ๊กที่ <span class="style1">โปรแกรมที่ 2</span> และหน้า <span class="style2">testn4.php</span> จะไม่แสดง ต้องไปไปทำที่หน้า <span class="style2">testn3.php : </span><span class="style1"><strong><span class="style3">ทำทุกหน้ายกเว้นหน้า testn4.php</span><br />
</strong></span><br />
<br />
</p>
<p><br />
</p>
<p>
<input type="submit" name="button" id="button" value="บันทึก" />
<em>บันทึกลงฐานข้อมูลก่อนว่าเป็นฝ่ายอะไรที่เข้ามาทำ</em></p>
</form>
</body>
</html>
code หน้าที่สอง
testn2.php
ไม่ได้ทำโปรแกรมไหนจะติ๊กถูก เพื่อไห้ Radio Disble และไม่สามารถเอาออกได้
<!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>Test2</title>
<style type="text/css">
<!--
.style1 {
color: #FF0000;
font-weight: bold;
}
-->
</style>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<p class="style1">ไม่ได้ทำโปรแกรมไหนจะติ๊กถูก เพื่อไห้ Radio Disble และไม่สามารถเอาออกได้</p>
<p>
<input type="checkbox" name="first" value="Disable" onClick="setCheck(this,'second');" id="checkbox1" />
โปรแกรม 1
<input type="radio" name="radio" class="second" id="radio" value="radio" />
<input type="radio" name="radio" class="second" id="radio2" value="radio" />
<input type="radio" name="radio" class="second" id="radio3" value="radio" />
<input type="radio" name="radio" class="second" id="radio4" value="radio" />
<input type="radio" name="radio" class="second" id="radio5" value="radio" />
</p>
<p>
<input type="checkbox" name="first" value="Disable" onClick="setCheck(this,'second2');" id="checkbox2" />
โปรแกรม 2
<input type="radio" name="radio" class="second2" id="radio6" value="radio" />
<input type="radio" name="radio" class="second2" id="radio7" value="radio" />
<input type="radio" name="radio" class="second2" id="radio8" value="radio" />
<input type="radio" name="radio" class="second2" id="radio9" value="radio" />
<input type="radio" name="radio" class="second2" id="radio10" value="radio" />
</p>
<p> </p>
<p>
<input type="submit" name="button" id="button" value="Submit" />
บันทึกลงฐานข้อมูล
</p>
</form>
</body>
</html>
<script src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
});
var setCheck = function(chkObj,cssObj){
var i_check=$(chkObj).prop("checked");
if(i_check==true){
$("."+cssObj).prop("checked",false).attr('disabled', true);
}else{
$("."+cssObj).attr('disabled', false);
}
};
</script>
code หน้าที่สาม
testn3.php
<!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>Untitled Document</title>
<style type="text/css">
<!--
.style1 {font-size: 18px}
-->
</style>
</head>
<body>
<div align="center" class="style1">
<p>โปรแกรมที่ 1</p>
<p> </p>
<form id="form1" name="form1" method="post" action="">
<p>
<input type="radio" name="radio" id="radio" value="radio" />
<input type="radio" name="radio" id="radio2" value="radio" />
<input type="radio" name="radio" id="radio3" value="radio" />
<input type="radio" name="radio" id="radio4" value="radio" />
<input type="radio" name="radio" id="radio5" value="radio" />
</p>
<p>
<input type="submit" name="button" id="button" value="Submit" />
บันทึกลงฐานข้อมูล
</p>
</form>
<p> </p>
</div>
</body>
</html>
code หน้าที่สี่
testn4.php
<!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>Untitled Document</title>
<style type="text/css">
<!--
.style1 {font-size: 18px}
-->
</style>
</head>
<body>
<div align="center" class="style1">
<p>โปรแกรมที่ 2</p>
<p> </p>
<form id="form1" name="form1" method="post" action="">
<p>
<input type="radio" name="radio" id="radio" value="radio" />
<input type="radio" name="radio" id="radio2" value="radio" />
<input type="radio" name="radio" id="radio3" value="radio" />
<input type="radio" name="radio" id="radio4" value="radio" />
<input type="radio" name="radio" id="radio5" value="radio" />
</p>
<p>
<input type="submit" name="button" id="button" value="Submit" />
บันทึกลงฐานข้อมูล
</p>
</form>
<p> </p>
</div>
</body>
</html>
รบกวนช่วยผมด้วยนะครับ T^T
หรือพี่นิกมีแนวทางอื่น ง่าย ๆ รบกวนด้วยครับบ ขอบคุนมากครับ ..
Hanakobz112
17-09-2014
10:33:30
คำแนะนำ และการใช้งาน
สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก
- ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา
โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ