0

我是 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 中完成。我已经搜索但找不到能够做到这一点的例子。

4

1 回答 1

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：我不确定该示例是否适用于复选框，因为您可以进行多次检查。如果您需要任何其他帮助，请告诉我。

于 2013-07-02T20:38:54.243 回答