【问题标题】:Pass js var through query string通过查询字符串传递 js var
【发布时间】: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


【解决方案1】:

使用

php 包含

从一开始就在文件中包含 js 代码。因此,无论何时修改代码,它都会在所有文件中保持其多功能性。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多