根据复选框选项使用 jQuery 更改 URL 参数答案

【问题标题】：Change URL parameters with jQuery based on a checkbox options根据复选框选项使用 jQuery 更改 URL 参数
【发布时间】：2013-06-30 09:28:45
【问题描述】：

我是 jQuery 新手，但我需要从复选框列表中更改现有的锚标记参数。

所以我有一个

<a href="defatul.aspx?nOp=1&name=Jack&place=A">Link</a>

<asp:CheckBoxList ID="cbOptions" runat="server">
<asp:ListItem Value="A">Place A</asp:ListItem>
<asp:ListItem Value="B">Place B</asp:ListItem>
<asp:ListItem Value="C">Place C</asp:ListItem>
</asp:CheckBoxList>

我希望 LINK 的参数在用户选择复选框选项时动态更改。

因此，如果用户选择“Place C”，href URL 将自动更改为 defatul.aspx?nOp=1&name=Jack&place=C。

我认为这可以在 jQuery 中完成。我已经搜索但找不到能够做到这一点的例子。

【问题讨论】：

为什么不直接使用 GET 方法提交表单？这就是 ASPX 页面通常传递参数的方式，尤其是来自表单输入的参数。你不需要 jQuery 来做这件事，只需要基本的 HTML。如果您需要表单提交 URL 中的其他参数，请使用隐藏输入字段。

标签： jquery asp.net href checkboxlist

【解决方案1】：

给你：

<html>
<head>
    <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
</head>
<body>
<script type="text/javascript">
$(document).ready(function(){
    $("#myselect").on("change", function() {
        var selectedValue = $(this).val();

        if (selectedValue == "A") {
            $("#mylink").attr("href", "default.aspx?sel=A");
        } else if (selectedValue == "B") {
            $("#mylink").attr("href", "default.aspx?sel=B");
        } else if (selectedValue == "C") {
            $("#mylink").attr("href", "default.aspx?sel=C");
        }
    });
});
</script>
<a id="mylink" href="default.aspx?nOp=1&name=Jack&place=A">Link</a>
<select id="myselect">
<option value="A">Place A</option>
<option value="B">Place B</option>
<option value="C">Place C</option>
</select>
</body>
</html>

还要添加一些解释......当文档完全加载时连接下拉列表的更改事件。在这种情况下，获取下拉列表的值，并根据您的需要更改超链接的 href 属性。希望这可以帮助您继续前进。

编辑：抱歉，刚刚注意到您需要它作为复选框列表。我会尽快调整。

编辑 2：我不确定该示例是否适用于复选框，因为您可以选中多个复选框。如果您需要任何其他帮助，请告诉我。

【讨论】：