@IG51

Как поместить значения отмеченных чекбоксов в адресную устроку?

<form>
		<p><input type="checkbox" name="chbx[]" value="first">first</p>
		<p><input type="checkbox" name="chbx[]" value="second">second</p>
		<p><input type="checkbox" name="chbx[]" value="third">third</p>
		<p><input type="checkbox" name="chbx[]" value="fourth">fourth</p>
		<p><input type="checkbox" name="chbx[]" value="fifth">fifth</p>
		<button onclick="myFilter()" class="sbtn">Подобрать</button>
	</form>

Необходимо обработать отмеченные чекбоксы и поместить их через (например & или ,) в адресную строку после знака "?". Обработку сделать js, а не средствами php
  • Вопрос задан
  • 99 просмотров
Пригласить эксперта
Ответы на вопрос 2
@ps1panda
Верстальщик, начинающий front-end
примерно так
$('.sbtn').click(function(){
$('input[type="checkbox"]').each(function(){
if($(this).prop("checked")){

history.pushState(null,null,'?'+$(this).val());
}
else{

}
})
})
Ответ написан
@levchak0910
answer.correct ? press({correct: true}) : next()
<form>
    <p><input type="checkbox" data-name="chbx" value="first">first</p>
    <p><input type="checkbox" data-name="chbx" value="second">second</p>
    <p><input type="checkbox" data-name="chbx" value="third">third</p>
    <p><input type="checkbox" data-name="chbx" value="fourth">fourth</p>
    <p><input type="checkbox" data-name="chbx" value="fifth">fifth</p>
    <input type="hidden" name="chbx">
    <button onclick="myFilter()" class="sbtn">Подобрать</button>
</form>

function myFilter() {
   var arr = [];
   document.querySelectorAll("input[data-name='chbx']:checked").forEach(input => arr.push(input.value));
   document.querySelector("input[name='chbx']").value = arr.join();
}
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы
21 сент. 2018, в 18:08
200 руб./за проект
21 сент. 2018, в 17:53
25000 руб./в месяц
21 сент. 2018, в 17:41
1000 руб./за проект