|
 |
| |
สอบถามหน่อยครับ เรื่องการเลือก Radio button แล้วให้มันโหลดไปอีกหน้าหนึ่ง |
| |
 |
|
|
 |
 |
|
มือใหม่หัดเขียน ยังงงอยู่ครับ ขอรายละเอียดเพิ่มหน่อยได้รึป่าวครับ ขอบคุณครับ
|
 |
 |
 |
 |
| Date :
2014-07-16 15:58:05 |
By :
ao140 |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
แบบนี้ค่ะ ใช้ JQuery 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en">
<head>
<title>Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Generator" content="EditPlus®" />
<meta name="Author" content="" />
<meta name="Keywords" content="" />
<meta name="Description" content="" />
<style type="text/css">
fieldset{
display:none;
}
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("fieldset#1").slideDown(500);
$("input:radio").click(function(){
var next = parseInt($(this).attr('name'))+1;
$("fieldset#"+next).slideDown(500);
});
});
</script>
</head>
<body>
<fieldset style='width:600px;' id='1'>
<legend>1.Hello</legend>
<ul>
<li><input type='radio' name='1' value='a' />A</li>
<li><input type='radio' name='1' value='b' />B</li>
<li><input type='radio' name='1' value='C' />C</li>
</ul>
</fieldset>
<fieldset style='width:600px;' id='2'>
<legend>2.Halloween</legend>
<ul>
<li><input type='radio' name='2' value='a' />A</li>
<li><input type='radio' name='2' value='b' />B</li>
<li><input type='radio' name='2' value='C' />C</li>
</ul>
</fieldset>
<fieldset style='width:600px;' id='3'>
<legend>3.Titans</legend>
<ul>
<li><input type='radio' name='3' value='a' />A</li>
<li><input type='radio' name='3' value='b' />B</li>
<li><input type='radio' name='3' value='C' />C</li>
</ul>
</fieldset>
</body>
</html>
|
| |
|
|
| |
| Date :
2014-07-16 17:26:19 |
By :
survivor |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ความต้องการ คือ เมื่อตอบคำถามข้อปัจจุบันไปแล้ว ให้ซ่อนข้อที่เพิ่งตอบเสร็จไป พร้อมกับแสดงข้อใหม่มาแทนที่ตำแหน่งเดิมหรือค่ะ
|
| |
|
|
| |
| Date :
2014-07-16 21:09:54 |
By :
survivor |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
แบบนี้ค่ะ
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en">
<head>
<title>thaicreate.com/php/forum/109955.html</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Generator" content="EditPlus®" />
<meta name="Author" content="" />
<meta name="Keywords" content="" />
<meta name="Description" content="" />
<style type="text/css">
fieldset{
display:none;
}
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("fieldset#1").slideDown(500);
$("input:radio").click(function(){
var current = parseInt($(this).attr('name')),
next = current+1;
$("fieldset#"+current).slideUp(300);
$("fieldset#"+next).slideDown(500);
});
});
</script>
</head>
<body>
<fieldset style='width:600px;' id='1'>
<legend>1.Hello</legend>
<ul>
<li><input type='radio' name='1' value='a' />A</li>
<li><input type='radio' name='1' value='b' />B</li>
<li><input type='radio' name='1' value='C' />C</li>
</ul>
</fieldset>
<fieldset style='width:600px;' id='2'>
<legend>2.Halloween</legend>
<ul>
<li><input type='radio' name='2' value='a' />A</li>
<li><input type='radio' name='2' value='b' />B</li>
<li><input type='radio' name='2' value='C' />C</li>
</ul>
</fieldset>
<fieldset style='width:600px;' id='3'>
<legend>3.Titans</legend>
<ul>
<li><input type='radio' name='3' value='a' />A</li>
<li><input type='radio' name='3' value='b' />B</li>
<li><input type='radio' name='3' value='C' />C</li>
</ul>
</fieldset>
</body>
</html>
|
| |
|
|
| |
| Date :
2014-07-16 21:19:53 |
By :
survivor |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
โค้ดที่พี่ให้มา ผมเอามาดึงข้อมูลจากฐานอ่ะ
Code (PHP)
<?php
require_once "connection/config.php";
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en">
<head>
<title>thaicreate.com/php/forum/109955.html</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-874" />
<style type="text/css">
fieldset{
display:none;
}
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("fieldset#1").slideDown(500);
$("input:radio").click(function(){
var current = parseInt($(this).attr('name')),
next = current+1;
$("fieldset#"+current).slideUp(300);
$("fieldset#"+next).slideDown(500);
});
});
</script>
</head>
<body>
<?php
$testing_q = mysql_query ("SELECT * FROM testing");
while ($row = mysql_fetch_array ($testing_q))
{
?>
<fieldset style='width:600px;' id='<?=$row['id']?>'>
<legend><?=$row['id']?>.<?=$row['question']?></legend>
<ul>
<li><input type='radio' name='<?=$row['id']?>' value='A' /><?=$row['c1']?></li>
<li><input type='radio' name='<?=$row['id']?>' value='B' /><?=$row['c2']?></li>
<li><input type='radio' name='<?=$row['id']?>' value='C' /><?=$row['c3']?></li>
</ul>
</fieldset>
<?php } ?>
</body>
</html>
|
ประวัติการแก้ไข
2014-07-21 21:34:44
| |
|
|
| |
| Date :
2014-07-21 21:33:54 |
By :
ao140 |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
Code (PHP)
<?php
require_once "connection/config.php";
$res = mysql_query("select max(id) from testing") or die(mysql_error());
list($max) = mysql_fetch_row($res);
$testing_q = mysql_query ("SELECT * FROM testing order by id");
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en">
<head>
<title>thaicreate.com/php/forum/109955.html</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-874" />
<style type="text/css">
fieldset{
display:none;
}
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("fieldset#1").slideDown(500);
$("input:radio").click(function(){
var current = parseInt($(this).attr('name')),
next = current+1;
$("fieldset#"+next).slideDown(500);
if(current == <?php echo $max ?>)
$('#submitForm').show();
else
$("fieldset#"+current).slideUp(300);
});
});
</script>
</head>
<body>
<form method='post' action='checkAnswer.php'>
<?php
while ($row = mysql_fetch_array ($testing_q))
{
?>
<fieldset style='width:600px;' id='<?=$row['id']?>'>
<legend><?=$row['id']?>.<?=$row['question']?></legend>
<ul>
<li><input type='radio' name='<?=$row['id']?>' value='A' /><?=$row['c1']?></li>
<li><input type='radio' name='<?=$row['id']?>' value='B' /><?=$row['c2']?></li>
<li><input type='radio' name='<?=$row['id']?>' value='C' /><?=$row['c3']?></li>
</ul>
</fieldset>
<?php } ?>
<input type='submit' id='submitForm' value='ตรวจคำตอบ' style='display:none' />
</form>
</body>
</html>
ไม่จำเป็นต้องเก็บตัวเลือกคำตอบไว้ใน $_SESSION หรอกค่ะ รอกดปุ่มซับมิทตอนท้ายสุด
ตัวเลือกที่ถูกเลือกไว้แล้วก็จะถูกส่งไปปลายทางแน่นอนค่ะ
|
ประวัติการแก้ไข
2014-07-21 22:25:12
| |
|
|
| |
| Date :
2014-07-21 22:21:07 |
By :
survivor |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 04
|
