Как на js сделать такое?

Question

[dev400]

Подскажите как сделать такую штуку: при нажатии на чекбокс, к ссылкам на странице добавляется гет параметр. Так же если чекнуто 2 или 3 чекбокса, то к ссылке должно добавится несколько параметров. Как сформировать такую ссылку, когда сначала должен идти знак вопроса, а потом только параметры?

site.com?param&param2&param3

Comments

[Дмитрий Беляев]

ко всем ссылкам?

[dev400]

Дмитрий Беляев: ну к примеру к ссылкам с определенным id, их может быть 200 штук

[Дмитрий Беляев]

dev400: id вещь уникальная на странице, лучше по классу тогда уж, ща накидаю

Answer 1

[Дмитрий Беляев]

<div>
  <label><input type="checkbox" data-param="param1" class="link-changer">param 1</label>
  <label><input type="checkbox" data-param="param2" class="link-changer">param 2</label>
  <label><input type="checkbox" data-param="param3" class="link-changer">param 3</label>
  <label><input type="checkbox" data-param="param4" class="link-changer">param 4</label>
</div>
<div>
  <a href="/test" class="change-on-check">test 1</a><br>
  <a href="/test" class="change-on-check">test 2</a><br>
  <a href="/test" class="change-on-check">test 3</a><br>
</div>

var links = document.getElementsByClassName('change-on-check');
Array.prototype.forEach.call(links, function(link) {
  link.href += '?';
});
Array.prototype.forEach.call(
  document.getElementsByClassName('link-changer'),
  function(checkbox) {
    checkbox.addEventListiner('change', onChange, false);
  }
);

function onChange(event) { 
  var param = '&' + encodeURIComponent(event.target.getAttribute('data-param'));
  var add = event.target.checked;
  Array.prototype.forEach.call(links, function(link) {
    if(add) {
      link.href += param;
    } else {
      link.href = link.href.replace(param, '');
    }
  });
}

Comments

[dev400]

Все добавляет отлично, но без вопроса в начале не работают ГЕТ параметры(

[Дмитрий Беляев]

dev400: поправил

[dev400]

Дмитрий Беляев: спасибо большое!!!

Answer 2

[ArturArturov]

javascript.ru/window-location