我正在尝试将计数器数据传递到另一个HTML页面。 [英] I'm trying to pass counter data to another HTML page.
本文介绍了我正在尝试将计数器数据传递到另一个HTML页面。的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
<!DOCTYPE html>
<h1> Question 1 </h1>
<meta charset="utf-8">
<title>
table {
border-collapse: collapse;
border-spacing: 0px;
background-repeat: no-repeat;
}
body {
background-color: #FAF0E6;
}
/* remove padding */
td, th {
padding: 0;
width: 120px; height: 160px;
}
div {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border: 1px solid #CCCCCC;
width: 120px; height: 160px; background: #FFFFFF;
}
<table><tbody><tr><td id="t1">
<div id="d1"></div>
</td><td id="t2">
<div id="d2"></div>
</td><td id="t3">
<div id="d3"></div>
</td><td id="t4">
<div id="d4"></div>
</td></tr><tr><td id="t5">
<div id="d5"></div>
</td><td id="t6">
<div id="d6"></div>
</td><td id="t7">
<div id="d7"></div>
</td><td id="t8">
<div id="d8"></div>
</td></tr><tr><td id="t9">
<div id="d9"></div>
</td><td id="t10">
<div id="d10"></div>
</td><td id="t11">
<div id="d11"></div>
</td><td id="t12">
<div id="d12"></div>
</td></tr></tbody></table>
<h1></h1>
<ul>
<p>1. Which TV show is this ? </p>
Peaky Blinders<br>
Westworld<br>
Humans<br>
The 100<br>
</ul>
See question 2
function modify_qty(val) {
var qty = document.getElementById('counter').value;
var new_qty = parseInt(qty,10) + val;
if (new_qty < 0) {
new_qty = 0;
}
document.getElementById('counter').value = new_qty;
return new_qty;
}
$("#tx").click(function(){
if ($("#dx").is(":visible")) {
modify_qty(-1);
}
$("#dx").hide();
});
$("#t1").click(function(){
if ($("#d1").is(":visible")) {
modify_qty(-1);
}
$("#d1").hide();
});
$("#t2").click(function(){
if ($("#d2").is(":visible")) {
modify_qty(-1);
}
$("#d2").hide();
});
$("#t3").click(function(){
if ($("#d3").is(":visible")) {
modify_qty(-1);
}
$("#d3").hide();
});
$("#t4").click(function(){
if ($("#d4").is(":visible")) {
modify_qty(-1);
}
$("#d4").hide();
});
$("#t5").click(function(){
if ($("#d5").is(":visible")) {
modify_qty(-1);
}
$("#d5").hide();
});
$("#t6").click(function(){
if ($("#d6").is(":visible")) {
modify_qty(-1);
}
$("#d6").hide();
});
$("#t7").click(function(){
if ($("#d7").is(":visible")) {
modify_qty(-1);
}
$("#d7").hide();
});
$("#t8").click(function(){
if ($("#d8").is(":visible")) {
modify_qty(-1);
}
$("#d8").hide();
});
$("#t9").click(function(){
if ($("#d9").is(":visible")) {
modify_qty(-1);
}
$("#d9").hide();
});
$("#t10").click(function(){
if ($("#d10").is(":visible")) {
modify_qty(-1);
}
$("#d10").hide();
});
$("#t11").click(function(){
if ($("#d11").is(":visible")) {
modify_qty(-1);
}
$("#d11").hide();
});
$("#t12").click(function(){
if ($("#d12").is(":visible")) {
modify_qty(-1);
}
$("#d12").hide();
});
我尝试了什么：
每次用户点击图片时，计数器的值会减少，但我无法调用我的另一个HTML页面中的值相同，它再次从12开始。例如，当用户点击图片2次时，计数器将为10.我想要想在我的另一个HTML测验页面中看到10。有什么办法吗？
What I have tried:
Every time the user click on the picture, value of the counter decreases, but I cannot call the same value in my another HTML page it starts from 12 again. For example when the user clicks on the picture 2 times, counter will be 10. I wanna want to see 10 in my another HTML quiz page. Is there any way to do it?
推荐答案
（＃tx）。click（function（）{
if（
("#tx").click(function(){ if (
（＃dx）。is（：visible））{
modify_qty（-1）;
}
("#dx").is(":visible")) { modify_qty(-1); }
（＃dx）。hide（）;
}）;
("#dx").hide(); });
这篇关于我正在尝试将计数器数据传递到另一个HTML页面。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
