1

กระทู้: แจก Script แบบทดสอบปรนัย 4 ข้อ

มีปัญหาบอกด้วยนะครับ

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-874">
<noscript>เอกสารนี้ใช้ javascript ถ้าเห็นข้อความนี้แสดงว่าท่านยังไม่อนุญาตให้ใช้ javascript

โปรดคลิกที่แถบเหลืองที่เขียนว่า To help Protect you ....... แล้ว Click Allow Blocked Content...</noscript>
<script type="text/javascript" language="JavaScript">

function check() {
var Total = 0;
var Total1 = 0;
var Total2 = 0;
var Total3 = 0;
var Total4 = 0;
var Total5 = 0;
if(document.forms[0].Num1[0].checked){Total1 = 1;}
if(document.forms[0].Num2[0].checked){Total2 = 1;}
if(document.forms[0].Num3[0].checked){Total3 = 1;}
if(document.forms[0].Num4[0].checked){Total4 = 1;}
if(document.forms[0].Num5[0].checked){Total5 = 1;}
Total = Total1 + Total2 + Total3 + Total4 + Total5;
document.getElementById(&#039;TTotal&#039;).innerHTML= Total;
}
</script>
</head>

<body>
<form action="">
&nbsp; <p>1.) ถามอะไรก็ได้แต่ต้องตอบข้อหนึ่ง</p>
&nbsp; <p>
&nbsp; &nbsp; <label>
&nbsp; &nbsp; <input name="Num1" type="radio">
&nbsp; &nbsp; 1.</label>
&nbsp; &nbsp; 

&nbsp; &nbsp; <label>
&nbsp; &nbsp; <input type="radio" name="Num1">
&nbsp; &nbsp; 2.</label>
&nbsp; &nbsp; 

    &nbsp; &nbsp; <label>
&nbsp; &nbsp; <input type="radio" name="Num1">
&nbsp; &nbsp; 3.</label>
&nbsp; &nbsp; 

&nbsp; &nbsp; <label>
&nbsp; &nbsp; <input type="radio" name="Num1">
&nbsp; &nbsp; 4.</label>
&nbsp; &nbsp; 

&nbsp; </p>
<p>2.) ถามอะไรก็ได้แต่ต้องตอบข้อหนึ่ง</p>
 <p>
&nbsp; &nbsp; <label>
&nbsp; &nbsp; <input type="radio" name="Num2">
&nbsp; &nbsp; 1.</label>
&nbsp; &nbsp; 

&nbsp; &nbsp; <label>
&nbsp; &nbsp; <input type="radio" name="Num2">
&nbsp; &nbsp; 2.</label>
&nbsp; &nbsp; 

    &nbsp; &nbsp; <label>
&nbsp; &nbsp; <input type="radio" name="Num2">
&nbsp; &nbsp; 3.</label>
&nbsp; &nbsp; 

&nbsp; &nbsp; <label>
&nbsp; &nbsp; <input type="radio" name="Num2">
&nbsp; &nbsp; 4.</label>
&nbsp; &nbsp; 

&nbsp; </p>
<p>3.) ถามอะไรก็ได้แต่ต้องตอบข้อหนึ่ง</p>
&nbsp; <p>
&nbsp; &nbsp; <label>
&nbsp; &nbsp; <input type="radio" name="Num3">
&nbsp; &nbsp; 1.</label>
&nbsp; &nbsp; 

&nbsp; &nbsp; <label>
&nbsp; &nbsp; <input type="radio" name="Num3">
&nbsp; &nbsp; 2.</label>
&nbsp; &nbsp; 

    &nbsp; &nbsp; <label>
&nbsp; &nbsp; <input type="radio" name="Num3">
&nbsp; &nbsp; 3.</label>
&nbsp; &nbsp; 

&nbsp; &nbsp; <label>
&nbsp; &nbsp; <input type="radio" name="Num3">
&nbsp; &nbsp; 4.</label>
&nbsp; &nbsp; 

&nbsp; </p>
<p>4.) ถามอะไรก็ได้แต่ต้องตอบข้อหนึ่ง</p>
 <p>
&nbsp; &nbsp; <label>
&nbsp; &nbsp; <input type="radio" name="Num4">
&nbsp; &nbsp; 1.</label>
&nbsp; &nbsp; 

&nbsp; &nbsp; <label>
&nbsp; &nbsp; <input type="radio" name="Num4">
&nbsp; &nbsp; 2.</label>
&nbsp; &nbsp; 

    &nbsp; &nbsp; <label>
&nbsp; &nbsp; <input type="radio" name="Num4">
&nbsp; &nbsp; 3.</label>
&nbsp; &nbsp; 

&nbsp; &nbsp; <label>
&nbsp; &nbsp; <input type="radio" name="Num4">
&nbsp; &nbsp; 4.</label>
&nbsp; &nbsp; 

&nbsp; </p>
<p>5.) ถามอะไรก็ได้แต่ต้องตอบข้อหนึ่ง</p>
&nbsp; <p>
&nbsp; &nbsp; <label>
&nbsp; &nbsp; <input type="radio" name="Num5">
&nbsp; &nbsp; 1.</label>
&nbsp; &nbsp; 

&nbsp; &nbsp; <label>
&nbsp; &nbsp; <input type="radio" name="Num5">
&nbsp; &nbsp; 2.</label>
&nbsp; &nbsp; 

    &nbsp; &nbsp; <label>
&nbsp; &nbsp; <input type="radio" name="Num5">
&nbsp; &nbsp; 3.</label>
&nbsp; &nbsp; 

&nbsp; &nbsp; <label>
&nbsp; &nbsp; <input type="radio" name="Num5">
&nbsp; &nbsp; 4.</label>
&nbsp; &nbsp; 

&nbsp; </p>
&nbsp; <input type="submit" name="Submit" value="Submit" OnClick="check();return false;">
&nbsp; <input type="reset" name="Submit2" value="Reset">
</form>
<b>คะแนน : <font color="red"><span id="TTotal">ไม่มีรายงาน</span></font> คะแนน</b>
</body>
</html>
แด่ผีเสื้อตัวนั้น

2

ตอบ: แจก Script แบบทดสอบปรนัย 4 ข้อ

วิธีใช้งานครับ

วิธีการเปลี่ยนข้อถูก
จะเห็นว่าในเอกสารถ้าตอบข้อ1จะได้คะแนน 1 ทุกข้อ
Script ที่ควบคุมการตรวจคะแนนอยู่ด้านบนระหว่าง <script></script>
แล้วมี function

จะเห็น
if(document.forms[0].Num1[0].checked){Total1 = 1;}
if(document.forms[0].Num2[0].checked){Total2 = 1;}
if(document.forms[0].Num3[0].checked){Total3 = 1;}
if(document.forms[0].Num4[0].checked){Total4 = 1;}
if(document.forms[0].Num5[0].checked){Total5 = 1;}

โดย Num1 - 5 คือข้อส่วน [X] ข้างหลังคือข้อที่จะให้คะแนน 1 คะแนน
โดย ข้อ 1, X จะเป็น 0 | ข้อ 2 ,X จะเป็น 1 ไปเรื่อยๆ

ถ้าอยากให้ข้อ 5 (Num5) ตอบข้อ 4 ได้คะแนน ให้เปลี่ยนบรรทัดสุดท้ายเป็น
if(document.forms[0].Num5[3].checked){Total5 = 1;}

วิธีเพิ่มข้อ
ตรง
var Total = 0;
var Total1 = 0;
var Total2 = 0;
var Total3 = 0;
var Total4 = 0;
var Total5 = 0;
จะเพิ่มข้อไรใส่เพิ่มเลย
เช่นเพิ่ม var Total6 = 0;

และตรง
if(document.forms[0].Num1[0].checked){Total1 = 1;}
if(document.forms[0].Num2[0].checked){Total2 = 1;}.....
ใส่เพิ่มเลยเช่น
if(document.forms[0].Num6[0].checked){Total6 = 1;}

ตรง Total = Total1 + Total2 + Total3 + Total4 + Total5;
ใส่เพิ่มเป็น Total = Total1 + Total2 + Total3 + Total4 + Total5 + Total6;

และสุดท้ายเพิ่มโจทย์โดยการ Copy ไปแต่อย่าลืมเปลี่ยน
name ของ input เป็น Num6 หรือ Numอื่นๆนะ
เช่น
&nbsp; &nbsp; <input type="radio" name="Num6">

แด่ผีเสื้อตัวนั้น

3

ตอบ: แจก Script แบบทดสอบปรนัย 4 ข้อ

[URL=http://imageshack.us][IMG]http://img220.imageshack.us/img220/9417/35497807yg4.png[/img][/URL]
By [URL=http://profile.imageshack.us/user/Kbon]Kbon[/URL]

ขอบคุณครับ&nbsp; ดีมากเลย
เปลี่ยนคำถามได้
เปลี่ยนคำตอบได้
เพิ่มข้อได้
เพิ่มคะแนนในแต่ละข้อได้

4

ตอบ: แจก Script แบบทดสอบปรนัย 4 ข้อ

ลองตอบคำถามผมดูครับ http://paradorn.no-ip.org/box/b.htm
อิอิ ใครได้ 1 คะแนนถือว่าผ่าน

5

ตอบ: แจก Script แบบทดสอบปรนัย 4 ข้อ

:MeeWebFree28:

6

ตอบ: แจก Script แบบทดสอบปรนัย 4 ข้อ

นี่แหละที่เรียกว่า KM : Khowleage Management การจัดการความรู้และนำมาแลกเปลี่ยนเรียนรู้กันได้ (เหอๆ พึ่งไปประชุม)

7

ตอบ: แจก Script แบบทดสอบปรนัย 4 ข้อ

คือลองเอาโค๊ดไปทำแล้วคะ
คือว่าตอนกด submit แล้วไม่เห็นคำนวนคะแนนอ่ะคะ
ก็ยังคงขึ้น "ไม่มีรายงาน" แล้วก็รีเซตคำตอบทุกข้อกลายเป็นไม่ได้เลือกข้อเรยอ่ะคะ งงหนะคะ

8

ตอบ: แจก Script แบบทดสอบปรนัย 4 ข้อ

เนื่องจากการเปลี่ยนกระดานข่าว ทำให้ โค้ดนี้ มี bug

โดย bug อยู่ที่

document.getElementById(&#039;TTotal&#039;).innerHTML= Total;

ลองศึกษา basic syntax javascript แล้วจะพบว่า bug ที่ผมพูด มันคืออะไร แล้วต้องแก้อย่างไร ใบ้ให้เป็น guide line สำหรับการศึกษาครับ