Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 07.09.2013, 19:53
Аспирант
Отправить личное сообщение для Lutsk Посмотреть профиль Найти все сообщения от Lutsk
 
Регистрация: 24.06.2011
Сообщений: 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>
Ответить с цитированием
  #2 (permalink)  
Старый 08.09.2013, 10:19
Аватар для bes
bes bes вне форума
Профессор
Отправить личное сообщение для bes Посмотреть профиль Найти все сообщения от bes
 
Регистрация: 22.03.2012
Сообщений: 3,744

Сообщение от Lutsk
Подскажите нубу функцию плиз, чтоб вместо радиокнопок работали изображения! Или пример какой
как работали?
Ответить с цитированием
  #3 (permalink)  
Старый 08.09.2013, 22:05
Аспирант
Отправить личное сообщение для Lutsk Посмотреть профиль Найти все сообщения от Lutsk
 
Регистрация: 24.06.2011
Сообщений: 53

я имею ввиду при клике на картинку подставлялось для отправки значение value. Дело в том, что изображения разные использоваться должны. А радиокнопки - прятаться. Но как спрятать - я знаю.
Ответить с цитированием
  #4 (permalink)  
Старый 09.09.2013, 09:24
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,225

Lutsk, как вариант...
http://www.xiper.net/collect/html-an...io-na-css.html
Ответить с цитированием
  #5 (permalink)  
Старый 09.09.2013, 19:34
Аватар для bes
bes bes вне форума
Профессор
Отправить личное сообщение для bes Посмотреть профиль Найти все сообщения от bes
 
Регистрация: 22.03.2012
Сообщений: 3,744

Сообщение от 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>
Ответить с цитированием
  #6 (permalink)  
Старый 09.09.2013, 23:15
Аспирант
Отправить личное сообщение для Lutsk Посмотреть профиль Найти все сообщения от Lutsk
 
Регистрация: 24.06.2011
Сообщений: 53

Сообщение от ksa Посмотреть сообщение
Lutsk, как вариант...
http://www.xiper.net/collect/html-an...io-na-css.html
Этот вариант я смотрел. Но там как бы универсальное изображение. Таких впринципе есть в сети.
А тут на каждый инпут своя картинка должна быть
Ответить с цитированием
  #7 (permalink)  
Старый 09.09.2013, 23:17
Аспирант
Отправить личное сообщение для Lutsk Посмотреть профиль Найти все сообщения от Lutsk
 
Регистрация: 24.06.2011
Сообщений: 53

Сообщение от bes Посмотреть сообщение
не понял о чём ты, но видимо ты хотел поставить checked
Вот это ближе как-бы
Ответить с цитированием
  #8 (permalink)  
Старый 10.09.2013, 10:38
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,225

Сообщение от Lutsk
на каждый инпут своя картинка должна быть
Это решается набором классов... Т.е. пока проблем на тот вариант я не вижу...
Ответить с цитированием
  #9 (permalink)  
Старый 10.09.2013, 21:10
Аспирант
Отправить личное сообщение для Lutsk Посмотреть профиль Найти все сообщения от Lutsk
 
Регистрация: 24.06.2011
Сообщений: 53

Сообщение от ksa Посмотреть сообщение
Это решается набором классов... Т.е. пока проблем на тот вариант я не вижу...
Классом решается если бэкграундом изображение. А тут <img>
Ответить с цитированием
  #10 (permalink)  
Старый 10.09.2013, 21:46
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,225

Сообщение от Lutsk
А тут <img>
Оно в бекграунд не залезет?
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
jQuery слайдшоу с html страницей вместо картинки birst jQuery 2 14.06.2013 10:32
По нажатию на картинки меняется checked на radiobutton wedding Events/DOM/Window 12 02.04.2013 14:36
В Опере Ajax'ом вместо картинки выводится мусор javascript_pupil AJAX и COMET 13 23.03.2012 19:46
как правильно передвать имя radiobutton в функции boris2000 Элементы интерфейса 2 03.08.2010 21:16
Как изменить размер картинки? Mihail Общие вопросы Javascript 1 25.10.2009 13:42