由于我们希望整个区域都可以点击,因此我不得不将用于问题答案的标签更改为#。据我了解,这意味着我们用于分配给输入的值不能再使用Request.Form []检索。所以,我为每个问题设置onclick html方法,在这个函数中提交问题值,如下所示:
<div id="Question1" style="display:normal;">
<p class="QuizQuestion">Question text......</p>
<p>
<button class="QuizButton" type="button" name="Q1" value="1" onclick="ShowHide('Question1', 'Question2'), Q1Log(1);" > Answer1 Text..</button>
</p>
<p><button class="QuizButton" type="button" name="Q1" value="2" onclick="ShowHide('Question1', 'Question2'), Q1Log(2);" >Answer2 Text.....</button>
</p>
在我的页面底部,我有一个包含答案值的hiddent字段:
我的Javascript是这样的:
<script type="text/javascript">
function Q1log(Answer) {
document.getElementById(Answer1) = Answer;
}
</script>
然后当我按下提交按钮时调用结果函数时,我尝试检索此Javascript变量:
public string Results(string Answer1)
{
if (Answer1== "1")
{
AnswerTally++;
}
}
这不起作用,并且标签保持其初始值。有人可以提出改进吗?按钮需要完全可点击,同时仍然能够包含带有按钮内部文本的css类。