Показать сообщение отдельно
  #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>
Ответить с цитированием