Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,037

HOME > PHP > PHP Forum > เรื่อง..Checkbox เลือกแล้วยังคงอยู่ เมื่อเปลี่ยนหน้า ค่าไม่เหมือนเดิม...



 

เรื่อง..Checkbox เลือกแล้วยังคงอยู่ เมื่อเปลี่ยนหน้า ค่าไม่เหมือนเดิม...

 



Topic : 102537



โพสกระทู้ ( 386 )
บทความ ( 0 )



สถานะออฟไลน์
Twitter



เรื่อง..Checkbox เลือกแล้วยังคงอยู่ เมื่อเปลี่ยนหน้า

จากรูปแรกหมวดไฟเลือก checkbox ตามปกติ หลัง เลือก จากนั้นไปคลิิกรูปที่ 2 หมวดไฟเบอร์เลือก checkbox ตามปกติเช่นเดัยวกัน

แต่ถ้าคลิกกลับมาหมวดไฟ จะกลายเป็นรูปที่ 3 ซึ่งค่าใน checkbox มันเปลี่ยนไปจากรูปแรกอ้ะค้ะ...

PIC1

PIC1

PIC2

PIC2

PIC3

PIC3

test-1.php
<?php
session_start();
//+ ฟังชั่นสำหรับเช็คค่า Checkbox กับ Session
function check_session($value){
if(isset($_SESSION['value'])){
if(in_array($value, $_SESSION['value'])){
return true;
}else{
return false;
}
}
}
?>
<!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" />
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
function set_session(ele){
if(ele.checked==true){
$.ajax({
type: 'POST',
url: "set_session.php", //+ ส่งค่าไปสร้าง Session ที่ไฟล์ set_session.php
data: {value:ele.value, con:'create'}
});
}else{
$.ajax({
type: 'POST',
url: "set_session.php", //+ ยกเลิก Session หากติ๊กเครื่องหมายถูกออก
data: {value:ele.value, con:'delete'}
});
}
}
</script>
<? include"connect.php"; ?>
</head>

<body>
<?
		   $strSQL    = "SELECT * FROM spares_estimate
                         WHERE			 
                         brand_id   = '1'  AND
                         class_id   = '14'  AND
						 group_no   = '5' ORDER BY idno DESC LIMIT 0,5";
            $objQuery = mysql_query($strSQL) or die ("Error Query [".$strSQL."]");
			$count    = mysql_num_rows($objQuery);
?>
<div id="right_block6">
<form action="save_estimate.php?sID=<?=$_GET["sID"];?>" method="post" name="form1" >
       <table width="21%" >
			<?
            $i=0;
			while($objResult = mysql_fetch_array($objQuery))
            {
				$i++;
				$sp_name   = $objResult["sp_name"];
				?>
		<tr>        	
            <td width="53%" align="left">
            <div id="radio-demo">    
              <input type="checkbox"  name="chk_take[<?=$i;?>]" id="chk_take<?=$i;?>_1" 
              value="1" <?php if(check_session($i))echo'checked="checked"' ?> onclick="set_session(this);"  >
              <label for="chk_take<?=$i;?>_1">เบิก</label>
              
              <input type="checkbox"  name="chk_take[<?=$i;?>]" id="chk_take<?=$i;?>_2" 
              value="2" <?php if(check_session($i))echo'checked="checked"' ?> onclick="set_session(this);"  >
              <label for="chk_take<?=$i;?>_2">ทำสี</label>
            </div>
           </td>
            <td width="47%" align="left">ลำดับข้อมูลที่ <?=$i?></td>
        </tr>
        <? } ?>
        </table>
</form>

<a href="test-1.php">ไฟ</a> | <a href="test-2.php">ไฟเบอร์</a>
</body>
</html>


test-2.php
<?php
session_start();
//+ ฟังชั่นสำหรับเช็คค่า Checkbox กับ Session
function check_session($value){
if(isset($_SESSION['value'])){
if(in_array($value, $_SESSION['value'])){
return true;
}else{
return false;
}
}
}
?>
<!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" />
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
function set_session(ele){
if(ele.checked==true){
$.ajax({
type: 'POST',
url: "set_session.php", //+ ส่งค่าไปสร้าง Session ที่ไฟล์ set_session.php
data: {value:ele.value, con:'create'}
});
}else{
$.ajax({
type: 'POST',
url: "set_session.php", //+ ยกเลิก Session หากติ๊กเครื่องหมายถูกออก
data: {value:ele.value, con:'delete'}
});
}
}
</script>
<title>Untitled Document</title>
</head>

<body>
<?php for($i=21; $i<=26; $i++){ ?>
<input type="checkbox" name="checkbox[]" id="checkbox" value="<?php echo $i ?>" <?php if(check_session($i))echo'checked="checked"' ?> onclick="set_session(this);" />
ข้อมูลลำดับที่ : <?php echo $i ?>
<br />
<?php } ?>

<a href="test-1.php">ไฟ</a> | <a href="test-2.php">ไฟเบอร์</a>
</body>
</html>


set_session.php
<?php
//+ ไฟล์สำหรับสร้าง Session
session_start();
if($_POST['con'] == 'create'){
if (!in_array($_POST['value'], $_SESSION['value'])) {
$_SESSION['value'][] = $_POST['value'];
}
}else{
if (in_array($_POST['value'], $_SESSION['value'])) {
$key = array_search($_POST['value'], $_SESSION['value']); //+ ใช้ฟังชั่น array_search หา index array
unset($_SESSION['value'][$key]); //+ ลบ Session ด้วย index array ที่ได้
}
}
?>




Tag : PHP, MySQL









ประวัติการแก้ไข
2013-11-11 09:45:55
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2013-11-11 09:45:17 By : PALM26 View : 2480 Reply : 4
 

 

No. 1



โพสกระทู้ ( 82 )
บทความ ( 0 )



สถานะออฟไลน์


ปัญหาของคุณ ผมแนะนำให้ใช้เทคนิค Ajax เข้ามาช่วยครับ ไม่ก็โค๊ต javascript ล้วนๆในการแสดงตัวเลือกถัดไปเลย การเปลี่ยนหน้ามันเป็นข้อเสียของ checkbox อยู่แล้วครับ ถ้าคุณคุมไม่อยู่ ก็ลองศึกษาที่ผมแนะนำดูครับ






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-11-11 10:39:26 By : awachai007
 


 

No. 2



โพสกระทู้ ( 74 )
บทความ ( 0 )



สถานะออฟไลน์


แนะนำว่า....ต้องทำอย่างไรหรอค่ะ ..

หนูก็ติดปัญหานี้เช่นกันค่ะ

ไหนจะส่งค่าที่ติดเลือกไปใช้ฟอร์มถัดไปอีก ยังนึหาทางออกไม่เจอเลยค่ะ


แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-08-21 14:49:11 By : Hanata
 

 

No. 3



โพสกระทู้ ( 4,169 )
บทความ ( 7 )

Hall of Fame 2012

สถานะออฟไลน์


ใช้่รูปแบบ jQuery step น่าจะถูกทางมากกว่าครับ
Code (PHP)
<div style="background-color:#F00" id="1">
<input type="checkbox" />Color
<button type="button" rel="next">Next</button>
</div>

<div style="display:none;" style="background-color:#F0F">
<input type="checkbox" />Bus
<button type="button" rel="prev">Prv</button>
</div>

<script src="jQuery.min.js"></script>
<script>
	$(function(){
		$('button').on('click',function(){
			var rel=$(this).attr('rel');
			var parent=$(this).parent();
			if(rel=='next'){
				parent.hide().next().show();
			}else{
				parent.hide().prev().show();	
			}
		});	
	});
</script>

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-08-21 15:31:22 By : Ex-[S]i[L]e[N]t
 


 

No. 4



โพสกระทู้ ( 212 )
บทความ ( 0 )



สถานะออฟไลน์


ตอบความคิดเห็นที่ : 2 เขียนโดย : Hanata เมื่อวันที่ 2014-08-21 14:49:11
รายละเอียดของการตอบ ::
มีหลายวิธีครับ

  • แสดงข้อมูลทั้งหมดพร้อมกันแล้วใช้ JQ. ทำการแบ่งข้อมูลออกเป็นหน้าๆไป

  • หรือ ทำการแบ่งหน้าด้วย paginator การนำเอาข้อมูลมาแสดงแต่ละหน้าก็เก็บตัวเลือกของ checkbox ลงใน session หรือ cookie

  • หรือ ทำการเก็บข้อมูลชั่วคราวลงในตารางที่สร้างขึ้นเฉพาะ temporaly table



พอกดซับมิท ค่อยรวบรวมข้อมูลทั้งหมดไปประมวลครั้งสุดท้าย

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-08-21 18:24:54 By : cowboycnx
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : เรื่อง..Checkbox เลือกแล้วยังคงอยู่ เมื่อเปลี่ยนหน้า ค่าไม่เหมือนเดิม...
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 05
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2024 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่