Как передать checkbox selected через ссылку?

Question

[Сергей]

Здравствуйте,
Нужно ставить чекбокс включенным когда переходим по специальной ссылке с сайта.

То есть например если поставить для элемента в разметке id="xxx" а потом в ссылке написать
site.ru/page.php#xxx браузер автоматически перекинет на этот раздел

А есть ли что то подобное для чекбоксов и радио кнопок?
например site.ru/page.php?select=checkbox1,checkbox2

И по переходу автоматически включалось несколько чекбоксов.

Буду благодарен за помощь или направление мысли в решении вопроса

Answer 1

[Виталий Инчин ☢]

var chBx = location.search.match(/select=([^&]+)/);

chBx && chBx[1].split(",").forEach(function(id){
  id = document.getElementById(id);
  if(id && id.type == "checkbox") id.checked = true;
});

Comments

[Сергей]

Спасибо, но к сожалению не работает. Просто никак не реагирует, в консоле ошибок не выдает.

[Виталий Инчин ☢]

dpmango: все должно работать: jsfiddle.net/r1p5bdgx/1

[Сергей]

Виталий Инчин ☢: На боевом хостинге не работает. Скрипт вынесен в head
3d.mango-digital.ru/galereya?select=3dprint

[Виталий Инчин ☢]

dpmango: оберните скрипт в

window.addEventListener("load", function(){ 

 });

или поместите в конец страницы.

[Сергей]

Виталий Инчин ☢: Спасибо ) Это видимо было из разряда нубовских ошибок. про document.ready в jquery знаю, а вот чистый js для меня темный лес :) В общем теперь все работает.

Answer 2

[Евгений Конкин]

Наверное можно просто у чекбоксов прописать id=check1, и потом указывать site.ru/page.php#check1

Comments

[Сергей]

К сожалению нет

[Евгений Конкин]

dpmango: а если обернуть чекбокс в див с айди=чек1