Jump to content
  • 0

checkbox ссылка


gumuch
 Share

Question

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

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

Делаю кустарный фильтр по категориям товара. Т.е. есть список (скажем 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>
Link to comment
Share on other sites

18 answers to this question

Recommended Posts

  • 0

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

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

  • 0

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

Link to comment
Share on other sites

  • 0
  On 6/30/2015 at 11:11 AM, Great Rash said:

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

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

  On 6/30/2015 at 11:03 AM, afdw said:

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

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

Link to comment
Share on other sites

  • 0
  On 6/30/2015 at 12:13 PM, gumuch said:

 

  On 6/30/2015 at 11:57 AM, afdw said:
link text
 

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

 

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

Link to comment
Share on other sites

  • 0
  On 6/30/2015 at 12:19 PM, afdw said:
Сделать квадратик в ссылке?

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

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

Link to comment
Share on other sites

  • 0
  On 6/30/2015 at 12:49 PM, Great Rash said:

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

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

Link to comment
Share on other sites

  • 0

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

Link to comment
Share on other sites

  • 0
  On 6/30/2015 at 1:22 PM, Great Rash said:

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

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

Link to comment
Share on other sites

  • 0

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

 

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

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

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

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

  • Like 1
Link to comment
Share on other sites

  • 0
  On 6/30/2015 at 3:09 PM, Great Rash said:

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

 

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

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

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

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

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

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

  • Similar Content

    • By Dos1er
      Приветствую! 
      Подскажите, плиз, как сделать чекбокс как на скрине? 
      Я новичок в верстке и что-то не могу разобраться в кастомизации данной штуки

    • By Kasl68
      Не могу значение с одного поле на другой, через  JavaScript. Помогите пожалуйста!
      <!DOCTYPE HTML> <html lang="kz"> <head>     <meta charset="utf-8"> <title> ВЫВОД </title> </head> <body>    <input type="text" name="Vvod" value="Пример" placeholder="введите имя"> <input type="text" name="Vyvod"> <br> <input type="submit"></button> <br> <script type="text/javascript">     function submit() {     let Vvod=document.getElementsByTagName('Vvod');     Vyvod.value=Vvod;     console.log(Vyvod.value);     } </script>   </body> </html>  
    • By Launder
      Решил поэкспериментировать с динамическим изменением индикации, вот по этому заданию. Как мне казалось, это реально: стили для любого значения параметра загружаются сразу, изменяется параметр - сразу применяются стили, соответствующие новому параметру. Но почему-то эта "динамика" работает, только для параметра, заданного по-умолчанию. Почему стили не применяются к изменённому параметру? Какова тут логика работы и возможно ли подобное, сделать на чистом CSS? Спасибо.
      PS: ну и до кучи - буду рад инфе, как стилизовать input type='number '?
       
    • By garmoni
      Нужно сверстать переключатели input radio в виде блоков. (Размер M, L, XL, XXL)
      Изначально при выборе блока, все работало, менялся цвет. Теперь перестало работать и не могу найти причину. Вставляю часть кода в https://jsfiddle.net/
      все работает. На локальном и хостинге нет. Ссылка на сайт
      http://garmoni.inf.ua/Brandly/
      в самом низу
       
       
       
    • By kirillov
      Добрый день. Написал сайт и встречается такая проблема на устройствах от apple (конкретно Iphone 5). В форму заявки в поля input не вводятся никакие символы. Посоветуйте пожалуйста. Спасибо.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy