jQuery保存复选框已检查状态以查询字符串

Question

我正在努力理解Array语法。我有6组复选框，我希望能够将响应（检查= 1或关闭= 0）发送到查询字符串中，以便在此表单实现的另一侧进行解析。

我已经包含了我目前所拥有的内容并且它有效，但我希望我的网址更短，并且更有效地实现目标。

当前网址：http://domain/index.html?t1a=0&t1b=1&t2a=0&t2b0（想象一下有30个参数）

目标网址：http://domain/index.html?t1=01&t2=00

---

HTML示例：

<form>
<div id="checkbox-topic1">
    <input name="topic1" class="interest-checkbox" id="topic1a" type="checkbox" />
    <input name="topic1" class="interest-checkbox" id="topic1b" type="checkbox" />
</div>
<div id="checkbox-topic2">
    <input name="topic2" class="interest-checkbox" id="topic2a" type="checkbox" />
    <input name="topic2" class="interest-checkbox" id="topic2b" type="checkbox" />
</div>
</form>

JQuery示例：

    function appendURLQueryString() {
    var customURL = $("#custom-url");
    // TOPIC 1 ================//
    var t1a = 0;
    if ($('#topic1a').is(':checked')) {
        t1a = 1;
    }
    var t1b = 0;
    if ($('#topic1b').is(':checked')) {
        t1b = 1;
    }
    // TOPIC 2 ================//
    var t2a = 0;
    if ($('#topic2a').is(':checked')) {
        t2a = 1;
    }
    var t2b = 0;
    if ($('#topic2b').is(':checked')) {
        t2b = 1;
    }
    var tempURL = ('http://domain/index.html?t1a=' + t1a + '&t1b=' + t1b + '&t2a=' + t2a + '&t2b=' + t2b);
    customURL.attr("value", tempURL);
}

谢谢！