Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 08.10.2019, 20:06
Интересующийся
Отправить личное сообщение для max1985 Посмотреть профиль Найти все сообщения от max1985
 
Регистрация: 03.07.2018
Сообщений: 18

Изменить урл без перезагрузки страницы при выборе input type="radio"
Здравствуйте!
Есть список радиокнопок когда я нахожусь на странице /item/promote?id=15895&from=view. Надо при нажатие на кнопку переходить на тот же урл с приставкой ?check=id (в роли id у меня value), желательно без перезагрузки страницы...
Как это можно реализовать? Спасибо!

Пока сделал так, но страница перезагружается и не делается выбор...
<input type="radio" onclick="window.location='/item/promote?id=15895&from=view?check=1'" name="svc" autocomplete="off" value="1" class="j-check">
<input type="radio" onclick="window.location='/item/promote?id=15895&from=view?check=2'" name="svc" autocomplete="off" value="2" class="j-check">
<input type="radio" onclick="window.location='/item/promote?id=15895&from=view?check=3'" name="svc" autocomplete="off" value="3" class="j-check">
Ответить с цитированием
  #2 (permalink)  
Старый 08.10.2019, 23:38
Аватар для Malleys
Профессор
Отправить личное сообщение для Malleys Посмотреть профиль Найти все сообщения от Malleys
 
Регистрация: 20.12.2009
Сообщений: 1,180

<input type="radio" name="check" value="1" class="j-check">
<input type="radio" name="check" value="2" class="j-check">
<input type="radio" name="check" value="3" class="j-check">

<script>

addEventListener("change", event => {
	const url = new URL(location);
	url.searchParams.set(event.target.name, event.target.value);
	history.replaceState(null, null, url);
});

</script>
Достаточно добавить этот скрипт только один раз! Обрабатывает изменения всех полей ввода, добавьте условие, если нужно только определённые поля.
Ответить с цитированием
  #3 (permalink)  
Старый 09.10.2019, 08:05
Интересующийся
Отправить личное сообщение для max1985 Посмотреть профиль Найти все сообщения от max1985
 
Регистрация: 03.07.2018
Сообщений: 18

Сообщение от Malleys Посмотреть сообщение
[HTML run]<input type="radio" name="check" value="1" class="j-check">Достаточно добавить этот скрипт только один раз! Обрабатывает изменения всех полей ввода, добавьте условие, если нужно только определённые поля.
Спасибо! Работает!
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
location.search иXMLHttpRequest без перезагрузки страницы (AJAX) Ruskat AJAX и COMET 2 14.06.2016 22:35
Изменение содержания страницы без полной перезагрузки самой страни gelo Events/DOM/Window 7 29.08.2010 01:03
Подгрузка контента в определённый DIV при нажатии на ссылку, без перезагрузки страниц Flashton Events/DOM/Window 0 10.03.2010 18:53
Подгрузка информера без перезагрузки страницы splean Общие вопросы Javascript 6 13.03.2009 14:31
Автообновление <div> без перезагрузки страницы Antihrist AJAX и COMET 14 28.07.2008 05:06