Передать значения отмеченных checkbox в url в виде get параметра

let objectWithCheckboxes={}, 
withParams=!!location.search, 
siteHref=location.href 
$('input').change(e=>{ 
	let el=e.target, 
  jq=$(el) 
  if(jq.is(':checked')) objectWithCheckboxes[el.id]=el.name 
  else delete objectWithCheckboxes[el.id] 
  let res=[] 
  for(let k in objectWithCheckboxes) res.push(objectWithCheckboxes[k]+'='+k) 
  res=res.length?(withParams?'&':'?')+res.join('&'):'' 
  //window.history.replaceState('','',siteHref+res) 
  //^ эта строчка заменяет URL в браузере без перезагрузки страницы 
  console.log(siteHref+res) 
  //^ а это для теста 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<input type="checkbox" id="cbx1" name="r[]"> 
<input type="checkbox" id="cbx2" name="r[]"> 
<input type="checkbox" id="cbx3" name="r[]">

const sendCkecked = () => { 
  const target = new URL('http://www.test.ru/'); 
  const boxes = document.getElementsByClassName('checkbox'); 
  for (let i = 0; i < boxes.length; i++) { 
    if (boxes[i].checked) target.searchParams.set('r' + i, boxes[i].value) 
  } 
  console.log(target.toString()); // для демонстрации результата 
  // fetch(target); // для отправки данных на сервер 
} 
 
const blockEvent = event => event.stopPropagation();

<fieldset onClick="sendCkecked()"> 
    <div> 
        <input type="checkbox" id="scales" class="checkbox" 
               value="1" /> 
        <label for="scales" onClick="blockEvent(event)">1</label> 
    </div> 
 
    <div> 
        <input type="checkbox" id="horns" class="checkbox" 
               value="2" /> 
        <label for="horns" onClick="blockEvent(event)">2</label> 
    </div> 
 
    <div> 
        <input type="checkbox" id="claws" class="checkbox" 
               value="3" /> 
        <label for="claws" onClick="blockEvent(event)">3</label> 
    </div> 
 
</fieldset>