Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 01.04.2013, 18:00
Новичок на форуме
Отправить личное сообщение для wedding Посмотреть профиль Найти все сообщения от wedding
 
Регистрация: 01.04.2013
Сообщений: 3

По нажатию на картинки меняется checked на radiobutton
Помогите, пожалуйста, со скриптом.

Есть несколько картинок <img src="img/1.gif" <img src="img/2.gif"...
и под каждой есть свой radiobutton
<input type="radio" name="radiobutton" value="1"> ... value="2"> ...

Один из radiobutton (который по умолчанию) включен.
Как менять checked на этой группе radiobutton по нажатию на соответствующую картинку?
Ответить с цитированием
  #2 (permalink)  
Старый 01.04.2013, 18:30
Аспирант
Отправить личное сообщение для schmetterling Посмотреть профиль Найти все сообщения от schmetterling
 
Регистрация: 02.12.2012
Сообщений: 30

http://htmlbook.ru/html/label
Ответить с цитированием
  #3 (permalink)  
Старый 01.04.2013, 18:31
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

<style>label{display:inline-block}</style>
<label>
    <img src="//javascript.ru/forum/images/smilies/yes4.gif" /><br />
    <input type="radio" name="bla" />
</label>
<label>
    <img src="//javascript.ru/forum/images/smilies/tongue.gif" /><br />
    <input type="radio" name="bla" />
</label>

Правда такое поведение не гарантируется на всех платформах
Ответить с цитированием
  #4 (permalink)  
Старый 01.04.2013, 19:58
Аватар для cyber
I am Student
Отправить личное сообщение для cyber Посмотреть профиль Найти все сообщения от cyber
 
Регистрация: 16.12.2011
Сообщений: 4,415

danik.js, ИЕ против такого решения
__________________
Цитата:
Если ограничения и условия описываются как "коробка", то хитрость в том что бы найти именно коробку... Не думайте о чем то глобальном - найдите коробку.
Ответить с цитированием
  #5 (permalink)  
Старый 02.04.2013, 00:40
Новичок на форуме
Отправить личное сообщение для wedding Посмотреть профиль Найти все сообщения от wedding
 
Регистрация: 01.04.2013
Сообщений: 3

С <label> это не работает в IE.
Может что-то на JavaScript ? По событию onclick на картинках...
Ответить с цитированием
  #6 (permalink)  
Старый 02.04.2013, 00:43
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

До чего ж тупые у ишака баги..
<style>label{display:inline-block}</style>
<label>
    <img onclick="parentNode.click()" src="//javascript.ru/forum/images/smilies/yes4.gif" /><br />
    <input type="radio" name="bla" />
</label>
<label>
    <img onclick="parentNode.click()" src="//javascript.ru/forum/images/smilies/tongue.gif" /><br />
    <input type="radio" name="bla" />
</label>
Ответить с цитированием
  #7 (permalink)  
Старый 02.04.2013, 00:54
Новичок на форуме
Отправить личное сообщение для wedding Посмотреть профиль Найти все сообщения от wedding
 
Регистрация: 01.04.2013
Сообщений: 3

Спасибо большое, danik
Ответить с цитированием
  #8 (permalink)  
Старый 02.04.2013, 09:07
Аватар для cyber
I am Student
Отправить личное сообщение для cyber Посмотреть профиль Найти все сообщения от cyber
 
Регистрация: 16.12.2011
Сообщений: 4,415

danik.js, ИЕ снова против)))
__________________
Цитата:
Если ограничения и условия описываются как "коробка", то хитрость в том что бы найти именно коробку... Не думайте о чем то глобальном - найдите коробку.
Ответить с цитированием
  #9 (permalink)  
Старый 02.04.2013, 09:34
Аватар для cyber
I am Student
Отправить личное сообщение для cyber Посмотреть профиль Найти все сообщения от cyber
 
Регистрация: 16.12.2011
Сообщений: 4,415

<!DOCTYPE HTML>
<html>
  <head><style>label{display:inline-block}</style> </head>
  <body>
    <div id="parent">
<label>
    <img class = "link-img" src="//javascript.ru/forum/images/smilies/yes4.gif" /><br />
    <input type="radio" name="bla"  />
      </label>
<label>
    <img   class = "link-img" src="//javascript.ru/forum/images/smilies/tongue.gif" /><br />
    <input type="radio" name="bla" />
</label>
    </div>
    
    <script>

var pr = document.getElementById("parent");
     
      
      pr.onclick = function (e) {
       
        var target = event.srcElement || e.target;
     
        if(target.className != "link-img") return;
        
       var elem = target.parentNode.getElementsByTagName("input")[0];
       
       elem.checked = true;
        
      
      };    

      
    </script>

  </body>
</html>
__________________
Цитата:
Если ограничения и условия описываются как "коробка", то хитрость в том что бы найти именно коробку... Не думайте о чем то глобальном - найдите коробку.
Ответить с цитированием
  #10 (permalink)  
Старый 02.04.2013, 12:28
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Сообщение от cyber
danik.js, ИЕ снова против)))
Неа. Теперь только IE7 против. А на него уже все давно *** положили
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
убрать checked с radiobutton agert Events/DOM/Window 15 17.08.2013 11:32
как правильно передвать имя radiobutton в функции boris2000 Элементы интерфейса 2 03.08.2010 20:16
Как изменить размер картинки? Mihail Общие вопросы Javascript 1 25.10.2009 12:42