【发布时间】:2023-04-05 09:47:02
【问题描述】:
我需要在所有页面中传递一个 js 变量,在导航结束时,我需要汇总所有页面的总数并显示该值。 这是我的 JS 代码:
<script>
$(document).ready(function() {
$('input[name=q1]').click(function() {
var selectedValue = $(this).val();
if($(this).val() == "A3")
var count=1;
else
var count=0;
});
});
</script>
HTML:
<form name="login" action=“page2.html" method="post">
<section class="heading">
<p><strong>Test1</strong></p>
</section>
<p class="pstyle">1st page</p>
<table>
<tr>
<td>
<input type="radio" name="q1" id="q1A1" required value="A1" />
Topic1
</td>
<td style="padding-left: 30px;">
<input type="radio" name="q1" id="q1A2" required value="A2"/>
Topic2
</td>
</tr><br>
<tr style="height: 77px;">
<td>
<input type="radio" name="q1" id="q1A3" required value="A3"/>
Topic3
</td>
<td style="padding-left: 30px;">
<input type="radio" name="q1" id="q1A4" required value="A4"/>
Topic4
</td><br>
<tr>
<td>
<input type="Submit" value=“Next “Page style="font-size: 40px;"/>
</td>
<td style="padding-left: 30px;">
<input type="Submit" value="Cancel" style="font-size: 40px;"/>
</td>
</tr>
</table>
</form>
请告诉我如何将变量“Count”传递到我的另一个页面。我可以使用本地存储来实现这一点,但我需要使用查询字符串来传递它。请指教。谢谢。
【问题讨论】:
-
如果需要使用查询字符串,为什么不使用查询字符串呢?无论如何,我认为使用 localStorage 更清洁。您的
action属性还包含一个智能引号,所以要小心。 -
我同意@ScottKaye,使用
window.localStorage更简洁,避免不必要的URL 延长。 -
这里的实际事件顺序是什么?您是否将此表单提交到服务器,然后您希望表单提交返回的页面具有正确设置的
count变量?如果是这样,您的服务器代码在哪里,因为这是生成下一页的内容。
标签: javascript jquery html css parameter-passing