1
検索用のチェックボックスフィルタを作成したいと思います。
たとえば、sunglass
について検索しています。結果ページでは、サングラスブランド、および検索URLのすべてからのものである:
http://www.my-site.com/?s=sunglass
私はRayban
をチェックするとき、私はこのURLの末尾に&brand=rayban
のようないくつかのパラメータを追加します。次のようになります。
http://www.my-site.com/?s=sunglass&brand=rayban
チェックを外すと、元の状態に戻る?s=sunglass
に戻ります。
jQueryとcheckboxでURLのパラメータの終わりを追加するには?
HTMLコードです:
<input type="checkbox" name="brand" value="rayban"/>
jQueryのコードは次のとおりです。
$('input[type="checkbox"]').on('change', function(e){
var data = [],
loc = $('<a>', {href:window.location})[0];
$('input[type="checkbox"]').each(function(i){
if(this.checked){
data.push(this.name+'='+this.value);
}
});
data = data.join('&');
if(history.pushState){
history.pushState(null, null, loc.pathname+'?'+data);
location.reload();
}
任意のアイデア?