jquery - 使用 map() 返回 url 查询字符串

Question

我希望这个脚本根据在列表项元素上检查的内容返回一个 url 查询字符串。

function makeQuery(){
    var catRes = $('.options input[type="checkbox"]:checked').map(function() {
      return $(this).val();
    }).get().join(", ");
    $('.catQuery').val(catRes);
}

$('.options input[type="checkbox"]').click(function(){
    makeQuery();
});

HTML

<input type="hidden" class="catQuery" value="< map() result here >"/>
<ul class="options">
    <li><input type="checkbox" value="url1"/>Item 1</li>
    <li><input type="checkbox" value="url2"/>Item 2</li>
    <li><input type="checkbox" value="url3"/>Item 3</li>
</ul>

我知道我现在得到的结果是 url1,url2,url3 但我希望它创建一个与此等效的字符串

?url1=1&url2=1...

取决于检查哪个输入。

Answer 1

试试这个：

function makeQuery() {
    var catRes = $('.options input[type="checkbox"]:checked').map(function () {
        return $(this).val() + "=1";
    }).get().join("&");
    $('.catQuery').val(catRes);
}

$('.options input[type="checkbox"]').click(function () {
    makeQuery();
});

演示