Javascript 将多个变量（参数）附加到ajax调用的url

我试图将选中的

复选框中的值附加到稍后将用于ajax调用的url。如前所述，如果选中复选框，我只希望将值附加到
url
。如果用户选中然后取消选中，则表示不向url添加值。下面我有一些基本的基础代码。如何将多个项目附加到url

<form>
<input type="checkbox" value="1" id="item1" />
<input type="checkbox" value="2" id="item2" />
<input type="checkbox" value="3" id="item3" />
<input type="submit" id="submitForm" value="Submit Form" />
<form>

<script>
$('#submitForm').click(function() {
    $('checkbox').click(function() {
    $.getJSON('www.mysite.com/mypage.php?id='+item1+item2+item3)
    });
});
</script>


$（“#提交表单”）。单击（函数（）{
$（“复选框”）。单击（函数（）{
$.getJSON（'www.mysite.com/mypage.php？id='+item1+item2+item3）
});
});
您可以使用JQuery方法serialize（），如下所示：

var query = $('form').serialize()

及之后：

$.getJSON('www.mysite.com/mypage.php?'+query );

仅需要提供输入字段属性“name”：

如果选中了所有复选框。
首先为复选框指定一个特定名称，如

<form name="checkbox_form" id="checkbox_form">
    <input type="checkbox" value="1" id="item1" name="val1" />
    <input type="checkbox" value="2" id="item2" name="val2" />
    <input type="checkbox" value="3" id="item3" name="val3" />
    <input type="submit" id="submitForm" value="Submit Form" />
<form>

这是一把小提琴：
用这个：
www.mysite.com/mypage.php?item1=1&item2=2&item3=3 

<form name="checkbox_form" id="checkbox_form">
    <input type="checkbox" value="1" id="item1" name="val1" />
    <input type="checkbox" value="2" id="item2" name="val2" />
    <input type="checkbox" value="3" id="item3" name="val3" />
    <input type="submit" id="submitForm" value="Submit Form" />
<form>

$('#submitForm').click(function() {
    var url = "'www.mysite.com/mypage.php";
    if ($("#checkbox_form").serialize().length > 0) {
        url += "?" + $("#checkbox_form").serialize();     
    }
    alert("Your ajax url will be: " + url);
    $.getJSON(url)
});