Javascript计数器增值进行到下一页 [英] Javascript counter increment value to carry on to next page
本文介绍了Javascript计数器增值进行到下一页的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
这里是每当选择阿尔及利亚时递增计数器的页面代码，希望计数器的值继续到下一页，如果按下正确的单选按钮则递增
here is the code for page that increments counter whenever Algeria is selected would want the value of counter to carry on to next page and increment if correct radio button is pressed
<html>
<head>
<title>Javascript Counts</title>
<script type="text/javascript">
var counter = 4;
document.write("The counter is " + counter)
function vals()
{
var radios = document.getElementsByName("rbnNumber");
for (var i = 0; i < radios.length; i++)
{
var r = radios[i];
if (r.value == "1" && r.checked)
{
document.getElementById('boldStuff').innerHTML = 'You selected Tasmania';
}
if (r.value == "2" && r.checked)
{
document.getElementById('boldStuff').innerHTML = 'You selected Nicaragua';
}
if (r.value == "3" && r.checked)
{
document.getElementById('boldStuff').innerHTML = 'You selected Tunisia';
document.getElementById('Cool').innerHTML = 'Your score is now '+counter;
}
if (r.value == "4" && r.checked)
{
counter++
document.getElementById('boldStuff').innerHTML = 'You selected Algeria ';
document.getElementById('Cool').innerHTML = 'You selected Algeria ';
document.getElementById('Cool').innerHTML = 'Your score is now '+counter;
}
}
}
</script>
</head>
<body>
<table align = "center">
<tr>
<td>
<a href = "some.html">Previous
</td>
<td>
What is the Capital of France
</td>
<td>
<a href = "JsCountsA.html">Next
</td>
</tr>
</table>
<table align = "center">
<tr>
<td>
<input type="radio" name="rbnNumber" value="1" />Tasmania<br/>
</td>
</tr>
<tr>
<td>
<input type="radio" name="rbnNumber" value="2" /> Nicaragua<br/>
</td>
</tr>
<tr>
<td>
<input type="radio" name="rbnNumber" value="3" /> Tunisia<br/>
</td>
</tr>
<tr>
<td>
<input type="radio" name="rbnNumber" value="4" /> Algeria<br/>
</td>
</tr>
</table>
<table align = "center">
<tr>
<td align="center">
<input type="button" id="btnGetValue" onclick="vals()" Value="Get Value" />
<p></p>
</td>
</tr>
<tr>
Java
dude
</tr>
</table>
</body>
</html>
我尝试过：
尝试使用javascript框架对象，以便在不同的框架上加载不同的html不同框架上的页面是counter.html和radio.html每当按下正确的收音机时，counter.html会增加并且下一个按钮在radio.html上加载另一页
What I have tried:
tried using javascript frames object so that different html is loaded on different frames the pages on different frames are counter.html and radio.html whenever correct radio is pressed counter.html is incremented and next button loads another page on radio.html
推荐答案
<form method="post">
<input type="date" name="date[]" />
<input type="text" name="versus[]" />
<input type="radio" name="ha[0]" value="home" checked="checked" />
<input type="radio" name="ha[0]" value="away" />
<br />
<input type="date" name="date[]" />
<input type="text" name="versus[]" />
<input type="radio" name="ha[1]" value="home" checked="checked" />
<input type="radio" name="ha[1]" value="away" />
<br />
<input type="date" name="date[]" />
<input type="text" name="versus[]" />
<input type="radio" name="ha[2]" value="home" checked="checked" />
<input type="radio" name="ha[2]" value="away" />
<input type="submit" value="go" name="sub_it" />
</form>
这篇关于Javascript计数器增值进行到下一页的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
