Как при чекеде чекбокса конце урл добавить параметры?

305

06 ноября 2017, 23:52

Есть 5 checkbox:

Каждый раз при выборе checkbox надо ставить в конце ссылки

<a href="/index.php?route=extension/module/brainyfilter/filter&bfilter=f1:2,3;">Применить</a>

то что находится в value чекбокса (пример 1,2,4). Все реализую, получаю value, НО именно добавить в конец ссылки не получается. Как это сделать ?

Answer 1

Можно вот так например:

Код HTML

<a class="element_a" href="/index.php?route=extension/module/brainyfilter/filter&bfilter=f1:">Применить</a>
<div class="checkbox">
  <label><input type="checkbox" value="1">1 Седан</label> 
  <label><input type="checkbox" value="2">2 Купе</label> 
  <label><input type="checkbox" value="3">3 Хэтчбек</label>
</div>

Код jquery

<script type="text/javascript">
$(".checkbox [type='checkbox']").change(function() {
    if(this.checked) { 
        $('.element_a').attr("href", $('.element_a').attr('href')+$(this).val()+"," )  
    }else{
        var str = $('.element_a').attr("href");
        var a_href = str.replace($(this).val()+",", "" );  
        $('.element_a').attr("href", a_href ); 
    }
});
</script>

Результат примера: