jquery - 单选按钮 onchange 指向当前 url + 查询字符串的超链接

Question

我是 javascript 和 jquery 的新手。我的网站运行了 jquery。

它想使用单选按钮更改 css-link

它有以下单选按钮：

<input type="radio" name="css" value="basic" checked>basic
<input type="radio" name="css" value="round" >round
<input type="radio" name="css" value="zoom" >zoom

我需要的是，当用户更改单选按钮时，脚本应该获取当前 url（例如http://mysite.com/about.php）并将所选按钮值添加为查询字符串（例如http:// mysite.com/about.php?css=round）并使用查询字符串重定向到该链接。（如果当前链接有 ?css=basic 它应该将其更改为 ?css=round...）

谢谢

Answer 1

快速谷歌搜索为您提供答案！

这是用于将您的函数绑定到事件

这是用于重定向

这是获取当前网址

这是为了获取没有查询字符串的 url

这有助于弄清楚如何使用 reg exp

Answer 2

 $("input:radio").each(function(){
        $(this).click(function(){
            window.location.href = "http://mysite.com/about.php" + "?css=" + $(this).val();
        });
    });