0

list-item 要素で何がチェックされているかに応じて、このスクリプトが 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...

どの入力がチェックされるかによって異なります。

4

1 に答える 1