0

我想计算问题中的“总分”与问题中每个答案的文本输入之间的差异。此外,如果一个问题只有一个答案,那么它应该将文本输入显示为只读,并显示与该文本输入中该问题的“总分”下的数字相同的值。

下面是一个屏幕截图,显示了表格和我在这两种情况下遇到的书面问题:

表格截图和问题信息

下面是当前的 jquery 变量,它应该进行计算并在必要时显示只读文本框。但目前它不起作用。另外,目前我在计算时将总分的数字显示为“5”,这是不正确的,因为它应该是每行内的数字,所以我相信$sessionMarks应该是数字的变量,而不是 5。

$(function(){             
var questions = $('#markstbl td[class*="_ans"]').length-1;

//disable single entry
for (var i=0;i<=questions;i++){   
if($("[class*=q"+i+"_mark]").length ==1){
$("[class*=q"+i+"_mark]").attr("disabled","disabled")
}                    
}

//find each question set and add listeners
for (var i=0;i<=questions;i++){                                     
$('input[class*="q'+i+'"]').keyup(function(){
var cl = $(this).attr('class').split(" ")[1]
var questionno = cl.substring(cl.indexOf('q')+1,cl.indexOf('_'))
var t=0;
$("[class*=q"+questionno+"_mark]").each(function(){
var num = (isNaN(parseInt($(this).val())))?0:parseInt($(this).val());
t+=parseInt(num);                             
})   
var fixedno = 5;
$(".q"+questionno+"_ans").text((t>fixedno)?fixedno:t);
})
}
})

下面是表格的代码,它从查询中输出数据库中每个问题的详细信息,然后将其显示在表格中:

<?php

$assessment = $_SESSION['id'] . $sessionConcat;

include('connect.php');

   $query = "SELECT q.SessionId, s.SessionName, q.QuestionId, q.QuestionContent, an.Answer, q.QuestionMarks 
   FROM Session s 
   INNER JOIN Question q ON s.SessionId = q.SessionId
   JOIN Answer an ON q.QuestionId = an.QuestionId AND an.SessionId = q.SessionId
   WHERE s.SessionName = ?
   ORDER BY q.QuestionId, an.Answer
   ";

   // prepare query
   $stmt=$mysqli->prepare($query);
   // You only need to call bind_param once
   $stmt->bind_param("s", $assessment);
   // execute query
   $stmt->execute(); 


       // This will hold the search results
    $searchQuestionId = array();
    $searchQuestionContent = array();
    $searchAnswer = array();
    $searchMarks = array();

    // Fetch the results into an array

   // get result and assign variables (prefix with db)
   $stmt->bind_result($dbSessionId, $dbSessionName, $dbQuestionId, $dbQuestionContent, $dbAnswer, $dbQuestionMarks);
      while ($stmt->fetch()) {
        $searchQuestionId[] = $dbQuestionId;
        $searchQuestionContent[] = $dbQuestionContent;
        $searchAnswer[] = $dbAnswer;
        $searchMarks[] = $dbQuestionMarks;
      } 

?>  

....

<tbody>
<tr>
<?php
$previous_question_id = null;
$rowspans = array_count_values($searchQuestionId);
$output = "";
$questionid = 0; //whole question
$questionno = 0; //part of question
foreach ($searchQuestionContent as $key => $question) {
if ($previous_question_id != $searchQuestionId[$key]){
$questionno=0;
}

// removed logic, not necessary to set empty strings if you're skipping them
$output.= '<tr class="questiontd">' . PHP_EOL;
if ($previous_question_id != $searchQuestionId[$key]) {
$output.= '<td class="questionnumtd" name="numQuestion" rowspan="' . $rowspans[$searchQuestionId[$key]] . '">' . htmlspecialchars($searchQuestionId[$key]) . '</td>' . PHP_EOL;
$output.= '<td class="questioncontenttd q{$questionno++}_mark{$questionid}" rowspan="' . $rowspans[$searchQuestionId[$key]] . '">' . htmlspecialchars($question) . '</td>' . PHP_EOL;
}

$output.= '<td class="answertd" name="answers[]">';
$output.= $searchAnswer[$key];
$output.= '</td>';
$output.= '<td class="answermarkstd"><input class="individualMarks" q_group="1" name="answerMarks[]" id="individualtext" type="text" /></td>' . PHP_EOL;

if ($previous_question_id != $searchQuestionId[$key]) {
$output.= '<td class="noofmarkstd  q{$questionid++}_ans" q_group="1" rowspan="' . $rowspans[$searchQuestionId[$key]] . '">' . htmlspecialchars($searchMarks[$key]) . '</td>' . PHP_EOL;
}

// moved this to the end
if ($previous_question_id != $searchQuestionId[$key]) {
$previous_question_id = $searchQuestionId[$key];
}
}
echo $output;
?>
</tr>
</tbody>

更新:

在这个小提琴中的示例 HTML 中,我可以让它工作(除了我希望计算是总分减去文本输入中输入的数字,而不是它现在正在做的事情,即当我在文本输入中输入一个数字时执行从 0 到文本输入中输入的任何数字的加法),但是当我尝试编辑上面的代码来做同样的事情时,它不起作用,什么也没有发生。

示例 html 如下:

<form id="Marks" action="/u0867587/Mobile_app/individualmarks.php" method="post">

<table border='1' id='markstbl'>
<thead>
<tr>
<th class='questionth'>Question No.</th>
<th class='questionth'>Question</th>
<th class='answerth'>Answer</th>
<th class='answermarksth'>Marks per Answer</th>
<th class='noofmarksth'>Total Marks</th>
</tr>
</thead>
<tbody>

<tr class="questiontd">
<td class="questionnumtd" name="numQuestion" rowspan="3">1</td>
<td class="questioncontenttd" rowspan="3">Name three features in a ROM</td>
<td class="answertd" name="answers[]">A</td>
<td class="answermarkstd">
<input class="individualMarks q0_mark_0"  q_group="1" name="answerMarks[]" id="individualtext" type="text" />
</td>
<td class="noofmarkstd q0_ans"  q_group="1" rowspan="3">5</td>
</tr>
<tr class="questiontd">
<td class="answertd" name="answers[]">B</td>
<td class="answermarkstd">
<input class="individualMarks q0_mark_1" q_group="1" name="answerMarks[]" id="individualtext" type="text" />
</td>
</tr>
<tr class="questiontd">
<td class="answertd" name="answers[]">D</td>
<td class="answermarkstd">
<input class="individualMarks q0_mark_2" q_group="1" name="answerMarks[]" id="individualtext" type="text" />
</td>
</tr>
<tr class="questiontd">
<td class="questionnumtd" name="numQuestion" rowspan="1">2</td>
<td class="questioncontenttd" rowspan="1">Here is a single answer</td>
<td class="answertd" name="answers[]">True</td>
<td class="answermarkstd">
<input class="individualMarks q1_mark_0" q_group="1" name="answerMarks[]" id="individualtext" type="text" />
</td>
<td class="noofmarkstd q1_ans" q_group="1" rowspan="1">5</td>
</tr>
</tbody>
</table>
</form>

下面是数据库表的样子,(这将遵循与屏幕截图中相同的数据)

会话表:(存储考试详细信息的位置)

SessionId  SessionName
1          AAA

问题表:(存储每个考试的问题)

SessionId   QuestionId       QuestionContent                Total Marks
1                 1          Name three features in a ROM        5 
1                 2          Here is a single answer             5     

答案表:(存储每个考试中每个问题的答案)

AnswerId(auto)  SessionId QuestionId  Answer
1               1         1           A
2               1         1           B
3               1         1           D
4               1         2           True

Individual_Answer 表:(存储每个单独答案的每个单独标记)

AnswerId   AnswerMarks
1          2
2          2
3          1
4          5
4

1 回答 1

1

使用 html() 从某种程度上属于计算或整数值的 html 元素获取和放置值不是一个好习惯,因此对于此类问题始终使用隐藏字段,就像我已经包含了两个隐藏字段,一个用于原始值,一个用于对于最终值,最后您可以从隐藏字段中轻松获取总分值。

代码已针对动态数据进行更新。使用您自己的代码进行查询,我的是一个粗略的代码。

        <html>
    <head>
        <script type="text/javascript" src="jquery.js"></script>
        <script type="text/javascript">
            $(function() {           
                var questions = $('#markstbl td[class*="_ans"]').length;

                //disable single entry
                for (var i=1;i<=questions;i++){   
                    if($("[class*=q"+i+"_marks]").length ==1){
                        var t_marks = $("[class*=q"+i+"_ans]").html();
                        alert(t_marks);
                        $("[class*=q"+i+"_marks]").val(t_marks).attr("disabled","disabled");
                        //$("[class*=q"+i+"_mark]").attr("disabled","disabled");
                    }                    
                }

                //find each question set and add listeners
                for (var i=0;i<=questions;i++){                                     
                    $('input[class*="q'+i+'"]').keyup(function(){
                        var cl = $(this).attr('class').split(" ")[1]
                        var questionno = cl.substring(cl.indexOf('q')+1,cl.indexOf('_'));
                        var tot_marks = $(".q"+questionno+"_ans_org").val();

                        var ans_t=0;
                        $("[class*=q"+questionno+"_marks]").each(function(){
                            var num = (isNaN(parseInt($(this).val())))?0:parseInt($(this).val());
                            ans_t+=parseInt(num);                             
                        });
                        ans_t=tot_marks-ans_t;                             

                        var ans = (parseInt(ans_t)<0)?tot_marks:ans_t;
                        $(".q"+questionno+"_ans").val(ans);
                        $(".q"+questionno+"_ans_text").html(ans);
                    });
                }
            });
        </script>
    </head>
<body>
<form id="Marks" action="/u0867587/Mobile_app/individualmarks.php" method="post">
    <?php
    $ident = mysqli_connect('localhost','root','');
    mysqli_select_db($ident,'testdata');

    $query = "SELECT q.SessionId, s.SessionName, q.QuestionId, q.QuestionContent, an.Answer, q.QuestionMarks 
    FROM session s 
    INNER JOIN question q ON s.SessionId = q.SessionId
    JOIN answer an ON q.QuestionId = an.QuestionId AND an.SessionId = q.SessionId
    ORDER BY q.QuestionId, an.Answer
    ";

    $res = mysqli_query($ident,$query);
    $searchQuestionId = array();
    $searchQuestionContent = array();
    $searchAnswer = array();
    $searchMarks = array();

   while ($row = mysqli_fetch_array($res)) {
        $searchQuestionId[] = $row['QuestionId'];
        $searchQuestionContent[] = $row['QuestionContent'];
        $searchAnswer[] = $row['Answer'];
        $searchMarks[] = $row['QuestionMarks'];

    } 

?>  


<form id="Marks" action="/u0867587/Mobile_app/individualmarks.php" method="post">

<table border='1' id='markstbl'>
<thead>
<tr>
<th class='questionth'>Question No.</th>
<th class='questionth'>Question</th>
<th class='answerth'>Answer</th>
<th class='answermarksth'>Marks per Answer</th>
<th class='noofmarksth'>Total Marks</th>
</tr>
</thead>
<tbody>
<?php
$row_span = array_count_values($searchQuestionId);
$output = '';
$rowCount = 1;
$newQuest_id = true;

foreach($searchQuestionId as $key=>$questionId){

    if($newQuest_id == true){

        $output.= '<tr class="questiontd">';
        $output.= '<td class="questionnumtd" name="numQuestion" rowspan="'.$row_span[$questionId].'">'.$questionId.' <input type="hidden" name="q'.$questionId.'_ans_org" class="q'.$questionId.'_ans_org" value="'.$searchMarks[$key].'"><input type="hidden" name="q'.$questionId.'_ans" class="q'.$questionId.'_ans" value="'.$searchMarks[$key].'"></td>';
        $output.= '<td class="questioncontenttd" rowspan="'.$row_span[$questionId].'">'.$searchQuestionContent[$key].' </td>';
    }

    $output.= '<td class="answertd" name="answers[]">'.$searchAnswer[$key].'</td>';
    $output.= '<td class="answermarkstd">';
    $output.= '<input class="individualMarks q'.$questionId.'_marks"  q_group="1" name="answerMarks[]" id="individualtext" type="text" />';
    $output.= '</td>';


    if($newQuest_id == true){
        $output.= '<td class="noofmarkstd q'.$questionId.'_ans_text"  q_group="1" rowspan="'.$row_span[$questionId].'">'.$searchMarks[$key].'</td>';
        $newQuest_id = false;
    }
    $output.= '</tr>';

    if($row_span[$questionId] == $rowCount){
        $newQuest_id = true;
    }

    $rowCount++;
}

echo $output;
?>
</tbody>
</table>
</form>
</form>
</body>
</html>
于 2012-11-13T18:50:05.720 回答