我有一个 html 表单,我想在单击按钮时将文本从“冠军联赛琐事”更改为“曼彻斯特”。它只改变了剪辑一秒钟,然后又变回“冠军联赛琐事”。我不明白为什么它又变回来了。有任何想法吗?
<script type="text/javascript" src="quiz.js" ></script>
<body>
<form action="" method="post" onsubmit="return checkscript()">
<h1>Choose a Quiz</h1>
<p><input type="radio" name="Radio" value="1" /><font size="5"
color="#0033CC" id="cl">Champions League Trivia</font><br />
<br />
<input type="radio" name="Radio" value="2" /><font size="5"
color="#CC0000" id="epl">English Premier League Trivia</font><br />
<br />
<input type="radio" name="Radio" value="3" /><font size="5"
color="#660033" id="ll">La Liga Trivia</font><br />
<br />
<input type="submit" name="Submit" value="Go" onclick="quizRun()" /></p>
</form>
<p id="result"></p>
</body>
</html>
这是 JavaScript
function quizRun()
{
var inputs = document.getElementsByTagName("input");
var choice = 0;
if (inputs[0].checked) {
choice = 1;
var cl = document.getElementById('cl');
cl.textContent = 'Manchester';
}
if (inputs[1].checked) {
choice = 2;
}
if (inputs[2].checked) {
choice = 3;
}
}
function checkscript()
{
var inputs = document.getElementsByTagName("input");
for (var i=0, l=inputs.length; i<l; i++) {
if (inputs[i].name === "Radio" && inputs[i].checked) return true;
}
return false;
}
最佳答案
发生的情况是您的按钮是type =“submit”
。当您提交表单时,页面将重新加载并返回原始值。
如果您不想提交表单,只需将“Go”按钮更改为 type = "button"
关于javascript - 从 javascript 更改 html 中的字体和值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15946311/