如何让这个javascript var在HTML页面上工作
How can I get this javascript var to work across HTML pages?
第1页:
<html>
<head>
</head>
<body>
<input type="checkbox" class="checkbox" name="item" value="X">Value X<br>
<input type="checkbox" class="checkbox" name="item" value="Y">Value Y<br>
<script type='text/javascript'>
var score = 0;
$('.checkbox').click (function(){
var thisCheck = $(this);
if ( thisCheck.is(':checked') ) {
score = score + 1;
}
});
sessionStorage.score = score;
</script>
<button type="button" onclick="window.location.href='page2.html'">Continue</button>
</body>
</html>
第2页:
<html>
<head>
</head>
<body>
<script type='text/javascript'>
var score = sessionStorage.getItem('score');
document.write(score);
</script>
</body>
</html>
第2页总是打印null。我该怎么解决这个问题
(例如,如果两个复选框都被选中,我们需要第2页来打印2)
谢谢!
注意:我知道有一个简单的解决方案,让表单操作写入一个asp文件,然后读取它,但我不能在这个系统上创建新文件。
首先,您的两个复选框实际上都没有一个类"checkbox",因此即使您选中其中一个复选框,jquery事件也永远不会触发。
此外,您将变量声明为thisCheck,但试图使用thisCheck访问它(注意小写c)。Javascript区分大小写,因此"thischeck"永远不会被赋值。
您没有很好地设置会话,您需要这样做sessionStorage.setItem("score", score)
您需要在每次单击时设置sessionStorage值:
var score = 0;
$('.checkbox').click (function() {
if (this.checked) {
score = score + 1;
}
sessionStorage.score = score;
});
sessionStorage.score = score;
注意,如果可能想扣除1,如果复选框未选中,在这种情况下,请尝试以下代码:
var score = 0;
sessionStorage.score = score;
$('.checkbox').click (function() {
score = score + (this.checked ? 1 : -1);
sessionStorage.score = score;
});
顺便说一句,您需要将class="checkbox"
添加到输入中。
我找到了解决方案。无论出于何种原因,score
都被解析为Int以外的东西。
使用score = parseInt(score) + 1;
解决了这个问题。
感谢所有提交答案的人!我们最终到达了那里。
相关文章:
- 视频HTML没有'无法在Internet Explorer 11上工作
- 谷歌地图不是以HTML显示,而是在JS Fiddle上工作
- HTML标记在脚本标记中工作
- .html()不会'页面更改或刷新时无法工作
- 为什么jquery悬停在jsfiddle中可以工作,而在我的html布局中却不能
- ng绑定html不工作
- 如何让这个javascript var在HTML页面上工作
- HTML文件中的智能Javascript建议在Visual Studio代码更新后没有日志程序工作
- 带有Angular指令的HTML;附加时无法工作
- 如何使setTimeout脚本在html表单中正常工作
- Django,HTML,JS:<img src=“#">可以在HTML中工作,但不能在JS文件中工作
- ajax代码工作时,使用javascript禁用html中的链接
- 在html文件中添加了多个外部javascript,其中一个停止工作
- 当我移动引用three.js的html文件时,three.js停止工作
- ng-bind-html 工作,但抛出错误
- JavaScript代码很好,但网页预览只显示我的html工作
- 如何制作浮动HTML <工作
- 悬停不与Javascript, CSS和HTML工作
- .html工作,但文本不会在ajax请求后出现
- 不能让Angular sanitize / ng-bind-html工作