По нажатию на картинки меняется 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 по нажатию на соответствующую картинку? |
|
<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>
Правда такое поведение не гарантируется на всех платформах |
danik.js, ИЕ против такого решения ;)
|
С <label> это не работает в IE.
Может что-то на JavaScript ? По событию onclick на картинках... |
До чего ж тупые у ишака баги..
<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>
|
Спасибо большое, danik
|
danik.js, ИЕ снова против)))
|
<!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>
|
Цитата:
|
| Часовой пояс GMT +3, время: 10:09. |