checkbox ссылка

[gumuch]

Добрый день форумчане!

Столкнулся с такой вот проблемой.

Делаю кустарный фильтр по категориям товара. Т.е. есть список (скажем 5 брендов), на против каждого бренда имеем квадратик клацнув по которому появляется галочка в квадратике (стандартный checkbox). 

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

 

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

<form action="http://www.tepliydom.org.ua/nagrevatelnye-maty?layout=category" method="post"><input checked="checked" name="option1" type="checkbox" value="a1" />Нагревательный мат</form><form action="http://www.tepliydom.org.ua/termoregulyatory?layout=category" method="post"><input checked="checked" name="option2" type="checkbox" value="a2" />Терморегулятор</form>

[afdw]

label?

[gumuch]

label ведь только дает возможность кликнув по тексту вставить галочку в квадратик но ссылку все равно не делает, или я не прав? 

Тег <label> устанавливает связь между определенной меткой, в качестве которой обычно выступает текст, и элементом формы (<input>, <select>, <textarea>). Такая связь необходима, чтобы изменять значения элементов формы при нажатии курсором мыши на текст. Кроме того, с помощью <label> можно устанавливать горячие клавиши на клавиатуре и переходить на активный элемент подобно ссылкам.Существует два способа связывания объекта и метки. Первый заключается в использовании идентификатора id внутри элемента формы и указании его имени в качестве атрибута for тега <label>. При втором способе элемент формы помещается внутрь контейнера <label>.

Edited June 30, 2015 by gumuch

[afdw]

В label можно вставить ссылку.

[Great Rash]

Если при клике на чекбокс у вас осуществляется переход по ссылке. то тогда какой смысл в чекбоксе? После перехода форма всё равно не отработает. У меня есть мнение, что вы пытаетесь какое-то извращение придумать.

[gumuch]

Если при клике на чекбокс у вас осуществляется переход по ссылке. то тогда какой смысл в чекбоксе? После перехода форма всё равно не отработает. У меня есть мнение, что вы пытаетесь какое-то извращение придумать.

Все верно, форма мне не нужна, просто я комбинирую фильтр с JoomShooping со своим извращением "фильтр по категориям". Если так разобраться мне нужен квадратик с появлением в нем галочки для красоты, что бы не отличалось от фильтра магазина и соответственно когда клацаешь на квадратик - получаешь галочку в квадратике и переход по ссылке.

В label можно вставить ссылку.

Можете написать пример как в моем случае с label  можно ссылку вставить?

[Bassline]

<input type="checkbox" name="" id="" onclick="location.href = 'http://www.google.ru'">

Edited June 30, 2015 by Bassline

[afdw]

Можете написать пример как в моем случае с label  можно ссылку вставить?

 

<label><input type="checkbox"><a href="">link text</a></label>

[gumuch]

link text

 

Да, не проблема сделать текст ссылкой. Тут вопрос в другом,  как сделать переход по ссылке после клика на квадратике...

[afdw]

 

link text

 

Да, не проблема сделать текст ссылкой. Тут вопрос в другом,  как сделать переход по ссылке после клика на квадратике...

 

Сделать квадратик в ссылке?

[gumuch]

Сделать квадратик в ссылке?

Как бы да, но суть должна оставаться...

Вот сайт http://www.tepliydom.org.ua/teplyj-pol, внизу слева есть "Производители" и под ним там текст с квадратиками, если клацнуть по квадратику происходит следующее: появляется галочка в квадратике + переход по ссылке.  

[Great Rash]

Так ведь юзер галочку не увидит, т.к. произойдёт переход по ссылке и он улетит на другую сраницу. Какой смысл в галке?

[gumuch]

Так ведь юзер галочку не увидит, т.к. произойдёт переход по ссылке и он улетит на другую сраницу. Какой смысл в галке?

Вот сижу и ломаю голову, возможна ли моя задумка..., повторить аналогию фильтра интернет магазина?!

[Great Rash]

Вы хотите сделать фильтр товаров или переход по ссылке на другую страницу? Определитесь для начала с задачей. А пока, повторюсь, вы какое-то извращение выдумываете.

[gumuch]

Вы хотите сделать фильтр товаров или переход по ссылке на другую страницу? Определитесь для начала с задачей. А пока, повторюсь, вы какое-то извращение выдумываете.

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

[Great Rash]

Я правильно понимаю, что фильтровать можно по нескольким параметрам одновременно? Или фильтровать можно только по одному параметру за раз?

[gumuch]

Можно фильтровать сразу по нескольким параметрам

[Great Rash]

Тогда логичней было бы сделать так:

 

1) чекаем сколько нам надо чекбоксов

2) жмём кнопку "отфильтровать"

3) кнопка сабмитит форму

4) на форме стоит слушатель события onsubmit, который перекидывает нас на страницу с отфильтрованными товарами

[gumuch]

Тогда логичней было бы сделать так:

 

1) чекаем сколько нам надо чекбоксов

2) жмём кнопку "отфильтровать"

3) кнопка сабмитит форму

4) на форме стоит слушатель события onsubmit, который перекидывает нас на страницу с отфильтрованными товарами

Спасибо за предложение... еще бы понимать как это все сделать, раньше такого не делал)