使用基于复选框选项的jQuery更改URL参数

我是jQuery的新手，但我有一种情况是需要从复选框列表中更改现有锚标签参数。使用基于复选框选项的jQuery更改URL参数

所以我有当用户选择一个复选框选项的

<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的参数来动态改变。

因此，如果用户选择“放置C”，href网址将变为defatul.aspx？nOp = 1 & name = Jack & place = C automatic。

我认为这可以在jQuery中完成。我已经搜索，但无法找到能够实现这一目标的例子。

来源

2013-07-02 user1178691

为什么不直接使用GET方法提交表单？这就是ASPX页面通常传递参数的方式，特别是从表单输入。你不需要jQuery来做到这一点，只需要基本的HTML。如果您需要表单提交网址中的其他参数，请使用隐藏的输入字段。 – Corion

在这里你去：

<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-02 20:38:54 Michael

使用基于复选框选项的jQuery更改URL参数

回答

相关问题