如何在onClick時將自定義href設置爲按鈕？

-1

我有一個URL如何在onClick時將自定義href設置爲按鈕？

http://localhost:8080/BIM/teacher/reports/section-exercise/assignment?x=1&y=2&z=3

我有2個btns

enter image description here

我不知道我怎麼會綁定的2 BTN正確的URL。

如果點擊Remediation，我想將href設置爲

http://localhost:8080/BIM/teacher/reports/section-exercise/remediation?x=1&y=2&z=3

，唯一不同的是，第4段，其餘部分保持不變。

任何對他們的幫助/建議將非常感謝！

我猜 - 我可能要：

搶整個URL
重新構建的newURL，它存儲在一個變量
綁定是的newURL我的BTN。

我希望我在這條正確的道路上。讓我知道，如果你們，注意到一些事情。

來源

2015-07-20 ihue

ngHref對於構建/修改href字符串很有用。 –

我在其他人項目上工作，我允許使用的唯一框架是jQuery。我希望Angular允許。 – ihue

對不起，由於某種原因，Stackoverflow將這個彈出到我的AngularJS feed中。你的意思是 –

在這裏，您可以將網址更改爲任何您喜歡的。我使用更換溫控功能，以動態更改網址

var url='http://localhost:8080/BIM/teacher/reports/section-exercise/assignment?x=1&y=2&z=3' 

$('button1').click(function() { 
    $(this).attr('href', url); 
}); 
$('button2').click(function() { 
    $(this).attr('href', url.replace('assignment','remediation'); 
});

來源

2015-07-20 15:28:17 Aminadav

您的建議是否容易擴展？只是好奇。 – ihue

當然。你想如何擴大？ – Aminadav

我想這對我來說已經足夠了。感謝幫助。獎勵是你的。 – ihue

$(/*remediation button selector*/).click(function() { 
    $(/*assignment performance button selector*/).attr('href', 'http://localhost:8080/BIM/teacher/reports/section-exercise/remediation?x=1&y=2&z=3'); 
});

我不知道，如果你的意思是你想採取補救措施的按鈕來更改HREF第一個按鈕，或者如果你想他們只是有不同的HREFs;如果是後者，他們可以直接在HTML中擁有不同的hrefs，不需要JS。

來源

2015-07-20 15:17:49

'？'後面的部分將會更改。我不確定我是否應該按照自己的方式去做。 – ihue

請更正我 - 如果我錯了 – ihue

Aminas回答是好，但如果第一URL並不總是我會推薦這個功能（使用正則表達式），只有改變同文件的URL的名稱：

function changeFileName(strURL, strNewName) { 
    return strURL.replace(/[^\/?]*(?=\?|$)/, strNewName); 
}

本（一）的作品不管是什麼原文件的名字，和（b）如果路徑中包含文件名不會造成問題。

來源

2015-07-20 20:20:37 Anders

如何在onClick時將自定義href設置爲按鈕？

回答

相關問題