使用jQuery創建測驗

有沒有人有使用jQuery進行測驗的示例，而沒有對結果進行服務器端處理？回答問題後，結果立即出現。 :)使用jQuery創建測驗

2010-12-16 SAC

我想如果答案包含在客戶端，那麼得到答案就會容易得多。所有用戶將不得不做的是查看源代碼。 – 2010-12-16 19:06:20

這不是一門考試，只是一個沒有挑戰的小測驗。 – SAC 2010-12-16 19:08:29

sac，你可以用div來做，隱藏的span hiddens方法對嗎？ – kobe 2010-12-16 19:13:44

這是一種什麼@gov在談論的，但基本上我只想抓住提交形式：

<form id="myform" onsubmit="return mySubmitHandler()">

然後有一個函數來處理提交：

function mySubmitHandler() 
{ 
    // the following are just examples of what you could do 
    var q1val = jQuery('#q1').val(); 
    var q2val = jQuery('#q2').val(); 
    if(q1val + q2val > 5) 
     jQuery('#success').show(); 
    else 
     jQuery('#fail').show(); 
    // end example 
    return false; // this keeps the form from doing a postback 
}

來源

2010-12-16 19:26:10 Kyle

下面是一個例子，可以合理簡單地在初始JavaScript處於以下位置時添加更多問題：

<?xml version="1.0" encoding="UTF-8"?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 

<head> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
    $("button").click(function(){ 
    $("p").hide(); 
    }); 
}); 

$(document).ready(function(){ 
    var a = $(".question"); 
    a.each(function(index) { 
    var flip = $(this).find(".flip"); 
    var panel = $(this).find(".panel"); 
    flip.click(function(){ 
     panel.slideDown("slow"); 
    }); 
    }); 
}); 
</script> 
<style type="text/css"> 
div.panel,div.flip 
{ 
    margin:0px; 
    padding:5px; 
    text-align:center; 
    background:#e5eecc; 
    border:solid 1px #c3c3c3; 
    width:140px; 
} 

div.panel 
{ 
    display:none; 
} 
div.question 
{ 
    float:left; 
} 
div.questions 
{ 
    height: 80px; 
} 
</style> 
<title>Javascript sample</title> 
</head> 

<body> 

<p>1) How many bits are in a byte?</p> 
<div class="questions"> 

<div class="question"> 
<div class="panel">Wrong</div> 
<div class="flip">7</div> 
</div> 

<div class="question"> 
<div class="panel">Right</div> 
<div class="flip">8</div> 
</div> 

</div> 

</body> 
</html>

來源

2011-03-21 20:07:23

這裏的一個大問題是答案很容易被發現。如果它們是加密的，或者以某種方式從外部文件加載... – fiacobelli 2014-05-21 12:51:11

-3

嘿，如果你正在尋找一個現成的腳本，那麼你可以結帳這個鏈接www.thetutlage.com/downloads ..從這裏你可以下載測驗腳本。它適用於php，ajax和jquery，還有一個管理面板，您可以在其中創建多個測驗。

我愛，相信你會喜歡它藏漢

來源

2011-11-09 04:53:54

鏈接太寬了，測驗似乎不再可用，請更新鏈接或刪除帖子。現在，它看起來像鏈接到網站的垃圾郵件條目。 – iOS 2012-11-07 09:46:12

真的，此刻毫無用處，請讓我知道帖子是否已更新。 – 2013-09-25 14:51:13

這是一個死鏈接。所以，這個答案不是很有幫助。 – 2014-09-09 04:27:53

檢查此鏈接創建Jquery quiz using Google Docs。自動計算得分，立即向用戶顯示結果。位動畫也。

來源

2013-06-10 18:09:25 Hari

使用jQuery創建測驗

回答

相關問題