Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   картинки вместо radiobutton (https://javascript.ru/forum/dom-window/41299-kartinki-vmesto-radiobutton.html)

Lutsk 07.09.2013 19:53

картинки вместо radiobutton
 
Подскажите нубу функцию плиз, чтоб вместо радиокнопок работали изображения! Или пример какой
Вот хтмл:
<form action="" method="post">
	
    <label><img src="one.jpg"><span>Один</span></label>
    <input type="radio" value="1" name="check">
    
    <label><img src="two.jpg"><span>Два</span></label>
    <input type="radio" value="2" name="check">
    
    <input type="submit" value="Отправить">
</form>

bes 08.09.2013 10:19

Цитата:

Сообщение от Lutsk
Подскажите нубу функцию плиз, чтоб вместо радиокнопок работали изображения! Или пример какой

как работали?

Lutsk 08.09.2013 22:05

я имею ввиду при клике на картинку подставлялось для отправки значение value. Дело в том, что изображения разные использоваться должны. А радиокнопки - прятаться. Но как спрятать - я знаю.

ksa 09.09.2013 09:24

Lutsk, как вариант...
http://www.xiper.net/collect/html-an...io-na-css.html

bes 09.09.2013 19:34

Цитата:

Сообщение от Lutsk
я имею ввиду при клике на картинку подставлялось для отправки значение value. Дело в том, что изображения разные использоваться должны. А радиокнопки - прятаться. Но как спрятать - я знаю.

не понял о чём ты, но видимо ты хотел поставить checked
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<input type="radio" name="radio"/>
<input type="radio" name="radio" checked/>
<button>radio1</button>
<button>radio2</button>
<script>
$("button").on("click", function () {
	$(":radio").eq($("button").index(this)).attr("checked", "checked");//click()
});
</script>

Lutsk 09.09.2013 23:15

Цитата:

Сообщение от ksa (Сообщение 271494)

Этот вариант я смотрел. Но там как бы универсальное изображение. Таких впринципе есть в сети.
А тут на каждый инпут своя картинка должна быть

Lutsk 09.09.2013 23:17

Цитата:

Сообщение от bes (Сообщение 271633)
не понял о чём ты, но видимо ты хотел поставить checked

Вот это ближе как-бы

ksa 10.09.2013 10:38

Цитата:

Сообщение от Lutsk
на каждый инпут своя картинка должна быть

Это решается набором классов... Т.е. пока проблем на тот вариант я не вижу...

Lutsk 10.09.2013 21:10

Цитата:

Сообщение от ksa (Сообщение 271676)
Это решается набором классов... Т.е. пока проблем на тот вариант я не вижу...

Классом решается если бэкграундом изображение. А тут <img>

ksa 10.09.2013 21:46

Цитата:

Сообщение от Lutsk
А тут <img>

Оно в бекграунд не залезет? :D


Часовой пояс GMT +3, время: 11:03.