使用基於複選框選項的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參數

回答

相關問題