Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 29.09.2013, 21:41
Интересующийся
Отправить личное сообщение для antonio22 Посмотреть профиль Найти все сообщения от antonio22
 
Регистрация: 08.06.2013
Сообщений: 24

Выбор 1 select в каждом div'e . [Имееться заготовка]
Здраствуйте.
Работа скрипта заключается в том что он выбирает 1 раз в checkbox.
Хочется чтоб он выбирал 1 раз в каждом <div> или другой тег, а не весь код который обозначен type="checkbox".
Спасибо за ответы!

<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title></title>
</head>
<body>
<div>
	<ol>
		<li><input type="checkbox" name="" id=""/></li>
		<li><input type="checkbox" name="" id=""/></li>
		<li><input type="checkbox" name="" id=""/></li>
		<li><input type="checkbox" name="" id=""/></li>
		<li><input type="checkbox" name="" id=""/></li>
		<li><input type="checkbox" name="" id=""/></li>
		<li><input type="checkbox" name="" id=""/></li>
		<li><input type="checkbox" name="" id=""/></li>
		<li><input type="checkbox" name="" id=""/></li>
		<li><input type="checkbox" name="" id=""/></li>
	</ol>
</div>
<div>
	<ol>
		<li><input type="checkbox" name="" id=""/></li>
		<li><input type="checkbox" name="" id=""/></li>
		<li><input type="checkbox" name="" id=""/></li>
		<li><input type="checkbox" name="" id=""/></li>
		<li><input type="checkbox" name="" id=""/></li>
		<li><input type="checkbox" name="" id=""/></li>
		<li><input type="checkbox" name="" id=""/></li>
		<li><input type="checkbox" name="" id=""/></li>
		<li><input type="checkbox" name="" id=""/></li>
		<li><input type="checkbox" name="" id=""/></li>
	</ol>
</div>	
	<script type="text/javascript">
		var handler = function ( event ){
		  event = event || window.event;
		  var target = event.target || event.srcElement;
		  if ( target.nodeType == 1 && target.nodeName.toLowerCase() == "input" && target.type == "checkbox" && target.checked ) {
			var inputs = document.getElementsByTagName("input");
			for ( var i = 0; inputs[i]; i++ ) {
			  if ( inputs[i].type == "checkbox" && inputs[i] != target ) {
				inputs[i].checked = false;
			  }
			}
		  }
		}
		if (document.addEventListener){
		  document.addEventListener('click', handler, false); 
		} else if (document.attachEvent){
		  document.attachEvent('onclick', handler);
		}
	</script>
</body>
</html>
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
выбор из select مراد Общие вопросы Javascript 11 11.02.2013 17:16
Выбор в select и вставка maximus Events/DOM/Window 7 20.12.2012 16:40
выбор в select Александр141 Элементы интерфейса 4 03.11.2012 13:53
Выбор всех Select kvaleksandr Элементы интерфейса 12 27.10.2012 20:55
select + выбор с отображением сразу it_tech Элементы интерфейса 3 26.06.2012 19:52