如何根据选中的复选框创建URL

Question

我有一个像这样的小表格

<form name="search_something" action=/results method="get">
<input type=checkbox name="choice1">Choice 1<br>
<input type=checkbox name="choice2">Choice 2<br>
<input type=checkbox name="choice3">Choice 3<br>
<input type=checkbox name="choice4">Choice 4<p>
<input type=submit value="Search">
</form>

如果我查看 choice1 ＆amp; choice4 ，然后点击＆＃34;搜索＆＃34;它返回我这样的网址：

http://example.com/results?choice2=on&choice4=on

但我想要的是制作这样的网址：

http://example.com/results?choice=choice2&choice=choice4

请帮帮我。

Answer 1

使用你的html代码（不改变你的html）：

$(function(){
    var url = "http://example.com/results";
    var choice = "";

    $('input[type=checkbox]').click(function(){
        choice = "";
        $('input[type=checkbox]').each(function (){
            if (this.checked)
                if (choice.length == 0)
                    choice += '?choice=' + this.name;
                else
                    choice += '&choice=' + this.name;
        });
        $('form').attr("action", url + choice);
    });
});